Submitted 12 months ago

Interactive rating component using grid and flexbox

Yoga Budiman• 300

@ygabdn29

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

For this kind of component, should I use a form element to create the rating and submit button? Because now I'm just using a plain list and a button.
Right now my solution have some kind of transition to the "thank-you-state" but I think there is more way to implement this kind of transition, is there any pointer you may have for me to look or practicing? Aside from my questions above, I'm open to more inputs or feedback. Thanks.

Community feedback

Account Deleted

for the first point, yeah you should put it in a form to prepare it for sending to the server and for accessibility purposes too!. Second point, the fading transition is a nice idea put you should put it on both cards, it will be much nicer believe me. finally ! Have a nice day :3

Yoga Budiman• 300

@ygabdn29

Posted 12 months ago

@DoctorLoo Thank you for your feedback! If we are using a form, then the rating would be some kind of radio button?

Account Deleted

@ygabdn29 they can be even input with appearance of none and your styles if you want

Yoga Budiman• 300

@ygabdn29

Posted 12 months ago

@DoctorLoo alright then, thanks!

Please log in to post a comment

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