Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive rating component with React Taindwind CSS and Vite

@saroshfarhan

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

T
Grace 29,290

@grace-snow

Posted

I'm afraid this needs to be a form with a fieldset of radio inputs, not a load of buttons.

Marked as helpful

0

@saroshfarhan

Posted

@grace-snow yeah, I made a stupid decision on that, initially, I thought of using radio buttons only but I wasn't able to figure out how to style those to make it look like the design. I took a terrible shortcut but I am learning about it. Thanks for pointing it out, I won't be this lazy next time. I am working on improving the code. If you have any resources on this please suggest them. Thanks!

0
T
Grace 29,290

@grace-snow

Posted

@saroshfarhan the modern css site by steph eckles has a great post about styling radios

1

@saroshfarhan

Posted

@grace-snow Thanks for the suggestion. I followed your instructions and the modern CSS website and have modified the buttons to radio buttons now. The site is live now. Thanks again for correcting me!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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