Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip Calc using JS, CSS, Grid, Flex

P
Sam Hooker 410

@35degrees

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

P

@sikulamartin

Posted

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
Discord logo

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