Design comparison
SolutionDesign
Solution retrospective
I know the code's not perfect but I tried my best. Any suggestions would always be welcomed.
Community feedback
- @hardy333Posted about 3 years ago
Hey, nice solution. -I will suggest you to use css grid on "tip" - section since it is 2 dimensional 2x3( 2 row, - 3 columns) on desktop and 2x3 on mobile.
-
labels: "bill", "Select tip" and "Number of people" needs to be little smaller.
-
Also in terms of validation and caculation. Try to wait for user to select all 3 option no meter the selection order and after only that start calculation.
Good luck.
3 -
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