Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive rating component

candicoded 180

@candicoded

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

@AliMahmoud21

Posted

Hi, candicoded, I'll give some tips to make your challenge better.

  • Reduce the padding between the rating number to make it fit the card
  • Make an active background color on the rating numbers so that when I click any of the colors appears. It's so simple just make an active class to the rating nums With the color then add it with js 'classList.add('active')'.
  • When I click submit it shows me the thank Container try to make a js code that avoids sending an empty rating. just let the submit button work only when any of the rating nums chosen.

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