Design comparison
Solution retrospective
This time worked on optimizing code using Best Practises
-
Functional programming.
-
Adding details.
-
Validating Inputs.
-
Animation's.
and More..
Tried To make code as BulletProof as I can,
Please Feel free to Leave Your valuable Feedbacks
Community feedback
- @yunus-ujjainiPosted over 3 years ago
Looks great!
Just avoid using div for tip selectors as they cannot be accessed when using a keyboard, Instead use buttons for interactive elements.
1 - @palgrammingPosted over 3 years ago
if you use the number input then users could not enter letters and that would simplify the validation but your error messages are nice https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
1@Amanpatil-DevPosted over 3 years ago@palgramming yes definitely That would make things so easy. but when u set type as number I dont like how it gets two increment decrement icons inside the input.
I wanted to make good increase UX that's why I did .
Thank by the way I m gald you like it.🙂👍
1
Please log in to post a comment
Log in with GitHubJoin 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