Submitted about 1 year ago

Interactive rating component using grid and flexbox

Yoga Budiman•300

@ygabdn29

Preview site View code

This is a solution for...Interactive rating component

HTML
CSS
JS

1newbie

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
0
Yoga Budiman•300
@ygabdn29Posted about 1 year ago
@DoctorLoo Thank you for your feedback! If we are using a form, then the rating would be some kind of radio button?
1
Account deleted
@ygabdn29 they can be even input with appearance of none and your styles if you want
1
Yoga Budiman•300
@ygabdn29Posted about 1 year ago
@DoctorLoo alright then, thanks!
1

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