Interactive rating component using Tailwind css

Solution retrospective
Styling the radio inputs to use as rating input was quite interesting. And I learned quite a lot doing that. Specially how to maintain accessiblity with custom radio buttons.
Some challenges I faced while creating custom radio inputs was tied to the fact that I was using tailwind css. I learned how to use the :not
selector in tailwind. And also how to select previous sibling (to style the input label) in tailwind css.
Any feedback on accessibility and whether the HTML is semantically correct would be greatly appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Aruj Joshi'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