Skip to content
Submitted 3 months ago

Tip Calc using JS, CSS, Grid, Flex

Sam Hooker•680
@35degrees
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?

the color scheme is different than the template because I made two versions I'm happy with the final output. I grinded through a lot of JS coursework to get it right. I had trouble with the values filtering into one 'calculate' function, I learned that I can add a call to a single function from multiple events.

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

generally I struggled with the JS, but worked hard to figure out the best solution. Looking forward to hearing feedback.

Community feedback

  • Martin Šikula•380
    @sikulamartinPosted 3 months ago

    Oh, I see you used your own design—looks fantastic! The only thing I'm curious about is why it's so small? My high school teacher always emphasized that a website should be designed for everyone, so imagine an 80-year-old grandpa trying to read that small 'number of people' text. But overall, the design is really impressive!

    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