Submitted 9 months ago
Accessible and responsive tip calculator with Svelte
@Brian-Pob
Design comparison
SolutionDesign
Solution retrospective
Makes good use of custom properties, the :has() selector, and nesting.
I tried my best to make the inputs accessible, especially when selecting the tip percentage. That's why I chose to deviate from the design guide and add an explicit input field for the custom tip percentage. I don't think that having a bunch of radio buttons and then a number input within the same fieldset does not seem ideal to me.
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