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 Main Solution

@imarcowenzel

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

@maykol-vallejos

Posted

Hello, how are you? I was reviewing your code and has a very good structure, as I saw you used Hexadecimal codes for the colors, I found a small observation that maybe you could help you:

according to the exercise you mention that when the cursor points to the number buttons change the background to another color (#959EAC;), and when a number is selected change the background to another color (#FC7614), then just replace in your stylesheet the background color of the ".btnRating:hover" class by "background-color: #959EAC;"

and for the selection of a number I was talking about before, add the following code to your stylesheet:

.btnRating:focus{ background-color: #FC7614; color: #FFFFFFFF; }

this more than everything so that when it is selected the change is immediate, I saw that there is a delay when changing it in your class ".is-active".

I hope this comment helps you Very good code structure and semantics, keep it up, success! ;)

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