Submitted over 2 years agoA solution to the Interactive rating component challenge
Tailwind CSS and vanilla JS solution
tailwind-css, semantic-ui
@danaYatsuta
Solution retrospective
I decided to add some additional details in this project, namely the submit button doesn't get highlighted on hover if no rating is chosen and fade-out / fade-in transition between states. I am not happy with the hack-y way I made fade-in work on an element with "display: none", but I haven't found a better way to do this within vanilla JS boundaries.
If someone does know a better way to do this I would be very grateful to learn it.
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Dana Yatsuta'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