Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile first

@BrunoAmadei

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please, leave some suggestions of what can be improved in this code. ty

Community feedback

@Razha90

Posted

  • You can start by removing the down and up buttons on <input type='number' />.
  • i think it's better to do the calculation when the user clicks 'select tip'.
  • To remove the border on the green line you can set input { border: 0; or outline: 0;. }

Happy Coding 😁🤣

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord