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

Rating system

Ananya 10

@Titli007

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

@CosteaAlin93

Posted

Hi Ananya :) Very nice work on the design. I would have a few extra hints:

  • you could make the 'submit' button wider to be 1:1 with the design
  • on the functionality:
    • clicking submit while no rating is selected >> this case should show an error message or some hint to the user to click a rating before submitting thus, not allowing the user to go to the next step. To do this, above or below the submit button, create a paragraph element which will contain something like 'Please select a rating!' , and style it to be hidden (display: none;) and only show it when the button is clicked without a rating being selected

Other than that, all seems fine, congrats for the solution. Let me know if my hints are not clear :)

All the best,

Alin

Marked as helpful

1

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