Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Implementation of the radio buttons I created for the tip selection.
What challenges did you encounter, and how did you overcome them?I struggled with the following things:
- How to keep the custom tip a
radio
as well as make it a typenumber
when the user interacts with it. I ended up making a separate element and changed that to input type number on interaction. - Displaying error messages to screen readers. I used
aria-invalid
andaria-describedby
to solve that. - Styling the background color for tip selection labels when it's active: Used active state to conditionally do that.
I would appreciate any feedback! :) Thank you!
Community feedback
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