Skip to content
Submitted 2 months ago

Tip Calculator App

David Mwalimu•150
@broken555wheel
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 are you most proud of, and what would you do differently next time?

I'm proud that I have completed the challenge

However, it took a lot of time because I would often hit roadblocks then put off solving the roadblocks. I will definitely face them as they come next time

Community feedback

  • P
    Fadya•400
    @MaxCoder-mcPosted 2 months ago

    Hello David, your solution close enough to the challenge, and you did really good work... though I have some simple notes for you:

    • html you may put values to
    <div class="output-tip-amount">$0.00</div>
<div class="output-total-amount">$0.00</div>

    it gives it a nicer look, right?

    • CSS you could make the main border- radius all the same on the desktop view
    Marked as helpful
    0
  • P
    Mario Graf-Schantl•540
    @mariosearchteamPosted 2 months ago

    Nice solution.

    The only things i have noticed is that the people error is only triggered when 0 is typed, but not when the field is empty.

    And the reset function could also set the radio buttons back.

    Other than that, really good work.

    Marked as helpful
    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