Skip to content
Submitted 4 days ago

Tip calculator with control on the user input

Yousef_waleed•70
@Dev-Y0U
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

In CSS,

I learned how to implement responsive design within a single file, adopting a mobile-first approach. This not only streamlined the code but also significantly reduced its overall size.

In JavaScript,

I gained proficiency in managing multiple UI states, allowing for more efficient and dynamic handling of user interactions.

Community feedback

  • Muriel M.•500
    @MurielM87Posted 4 days ago

    Good job, but be careful with the details. The color of the input are not the right-one, like for the label. "custom" is writing with an uppercase letter. You forget the border-radius for the button "custom". the button "reset" is to high, it should be at the same place end the input "number people". And there is two 0, not just one.

    0

Please log in to post a comment

Log in with GitHub

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