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

Responsive Tip Calculator built with ReactJS and Context API

@Aryan-ki-codepanti

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


Any constructive criticisms and suggestions are welcome :) !

Community feedback

@Sung-jin-Lim

Posted

Functions well just the minor details in its CSS that makes it not perfect.

0

@Aryan-ki-codepanti

Posted

@suspiciouscouch Can you tell me which ones ? I will improve

0

@Sung-jin-Lim

Posted

@Aryan-ki-codepanti the proportion of the main calc container is a bit too wide and not centred properly. The spacing between the tip amount column and the $0.00 div is too wide. The "custom" text is not blue and not centred in the div. The bill and number of people placeholders are also not blue. Also, the you don't have "can't be zero" error text on top of the number of people input. That's pretty much it!

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