Submitted about 3 years ago

Tailwind CSS and vanilla JS solution

tailwind-css, semantic-ui

LVL 2

Dana Yatsuta•190

@danaYatsuta

A solution to the Interactive rating component challenge

Preview Code

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

Community 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