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 JS

Atish J 40

@AtishJoottun

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello. Feedback of my work is highly appreaciated. Thank you in advance.

Community feedback

@ndragun92

Posted

Hello,

Congratz on finishing the project.

Few things I would like to point out while checking UI.

  1. Buttons do not have cursor-pointer which should be there to indicate that buttons are clickable (not just hover states)
  2. Code-wise name of classes for example class="Rating-question" is a bit strange to see it like this. Maybe you could use something like the BEM naming convention https://getbem.com/naming/
  3. For rating buttons you could have tried to use input type='radio' and then style it

Hope it helps

Marked as helpful

2

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