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

@StevetheRebel

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


Any insight on how to grow my skill is highly welcome.

Community feedback

@Namonaki0

Posted

Hi Steve, well done for completing the challenge.

Just a couple of observations.

You could use a cursor: pointer for when you hover a rating or the submit button. Also, if you select a rating and then click outside of it, the chosen number is automatically deselected but the component will still carry the previously selected rating. Likewise, if you chose not to select a rating from the get go and decide to submit anyway, the field will appear empty. These are more UX related considerations.

I hope this helps.

Marked as helpful

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