Skip to content
Submitted 30 days ago

Tip calculator app using flexbox and grid

accessibility
Fernando Mendoza•240
@whiteknight-dev
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of the design with css, I know if we had a bigger project we would have to implement the styles differently, like using classes.

What challenges did you encounter, and how did you overcome them?

How to manage the logic of the form without a submit event.

What specific areas of your project would you like help with?

I always want to improve my responsive design skills and programming logic, if you want to help it will be appreciated, thank you.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Kellen James•350
    @Kellenkjames

    Great work overall — the layout is clean and the core functionality is working well. One suggestion would be to add error validation for the "Number of People" field to handle edge cases like empty or zero input.

    Also, consider adjusting the max-width and horizontal padding on smaller viewports to give the layout more breathing room. Keep up the solid work!

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