Skip to content
Submitted over 2 years ago

Tip calc - vanilla js

Mick•300
@Mick-2097
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

So it turns out, there are a bunch of things I did wrong on this one... Vertical positioning. No box shadow on main card. Jumping elements during "error" states. Incorrect usage of labels. Prabhash kindly pointed out the lack of input value length limit.

If you spot anything else, let me know.

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookkPosted over 2 years ago

    Hi, Following are the points i like to make:

    1. Consider you design in case user input a really large input and in return you get large output.
    2. Add large left-padding in input so that number do that overlap the icons.

    Good luck, #happyCoding

    1

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