Tip calculator app

Solution retrospective
I'm proud of the way I implemented the layout and the solution I came up with for the functionality of the calculator. Next time I would try to build a more semantic and clean HTML structure.
What challenges did you encounter, and how did you overcome them?The main challenge I faced during this project was on how to manage the behavior of the input for the number of people to split the bill when the user entered zero as the value. Since the focus state has an specific style, it conflicted with the .error
CSS class, so in the function that validates the inputs I made the input to blur so that the focus state styles wouldn't interfere with the error state style.
I'd appreciate any suggestions to improve the functionality or the HTML structure, as well as any errors I might have overlooked.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @gtarrojo
Looks great but you need to work on proper semantic HTML. Divs everywhere.
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