Interactive Rating Component Main Solution

Community feedback

• 

  Maykol Vallejos•200

  @maykol-vallejosPosted over 1 year ago

  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