Submitted over 1 year agoA solution to the Tip calculator app challenge
Accessible and responsive tip calculator with Svelte
accessibility, svelte, sass/scss
@Brian-Pob

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.
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Brian Michael Poblete's solution.
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