Interactive rating component

Community feedback

• 

  David•8,000

  @DavidMorgadePosted over 2 years ago

  Hi, congratulations on finishing the challenge!

  In this project, you choose to add the hover effect throw Javascript, but you can just use the CSS pseudoelement :hover, it will make your JS more clean and it's always better to use CSS everytime you can instead of JS because it will lower the project load times and it will increase the performance, for example, you can do something like this in your CSS:

  .rating__btn:hover {
      /* styles on hovering */
  }
  

  Also instead of divs for the buttons you can use button or input, they are designed by that!, and you can remove all the default styles of those elements using the property all: unset on your .rating__btn class.

  Hope my answer helps you!

  0