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

A Minimalist tip calculator app Grid + Flex

#bem#accessibility
Aadvik 1,250

@Aadv1k

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


Was a fun challenge, although this solution has some rough edges; JavaScript is a mess, I couldn't get the formula for calculating the "Total per person" right, the code for which is here Would love to get some input on that.

Community feedback

@migsilva89

Posted

Amazing, congratz!

1
Aadvik 1,250

@Aadv1k

Posted

Hey folks, I polished all the rough edges and made some logical changes on the JavaScript part! Now it should work properly both on mobile and Desktop. Still I appreciate any input.

0
Aadvik 1,250

@Aadv1k

Posted

PS -- I did NOT notice how wrong the edges and the colors were; I will be sure to fix that in future.

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