Skip to content
Submitted 2 months ago

Tip-calculator

Gurjit05K•170
@Gurjit05K
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 could learn new things and I am proud of it.

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

I did encounter challenges in styling.

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

I would like help in all features to gain skills.

Code

Please log in to post a comment

Log in

Community feedback

  • ysagohh•260
    @ysagohh

    Hello! Nice job with the design, and your code is easy to understand. If I may suggest, you can add the "Can't be zero" error message if the user inputs "0" in the number of people. When they enter "0" people, the tip amount becomes Infinity and the total becomes NaN, so you could show "$0.00" instead. Keep it up!

  • Jade E Lopez•180
    @jadeli1720

    Your code is very easy to read and understand—great work! One small tip regarding your <main> tag: since you're using display: flex, if you’d like to create space between your two main sections, you can try using the gap property with a set pixel value, or apply justify-content: space-between. You could even combine the two for more control. This approach helps you manage spacing without relying heavily on margin or padding.

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