Interactive rating component with flexbox

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted about 2 years ago

  Hi @Theuz1nh0 👋, good job on completing this challenge! 🎉

  Here are some suggestions you might consider:

  • You should not name your class or ids with the camelCase convention. Use naming naming conventions to name it.
  • The star icon is for decoration purposes only, so it can be hidden from screen-readers by adding aria-hidden="true" and leaving its alt attribute empty:

  <img src="./images/icon-star.svg" alt aria-hidden="true">
  

  Good job, and happy coding!

  Marked as helpful

  3

  ---

  

  Mateus Moura Domingos•140

  @Theuz1nh0Posted about 2 years ago

  @MelvinAguilar thank you very much, i updated my code with the tips you gave me

  1
• 

  Adriano•38,390

  @AdrianoEscarabotePosted about 2 years ago

  Hi Mateus Moura Domingos, how are you?

  I really liked the result of your project, but I have some tips that I think you will enjoy:

  To remove the scrollbar, we can do this:

  body {
      /* margin: 1.5em; */
      padding: 1.5em;
  }
  

  The rest is great!

  I hope it helps... 👍

  Marked as helpful

  1

  ---

  

  Mateus Moura Domingos•140

  @Theuz1nh0Posted about 2 years ago

  @AdrianoEscarabote thank you, i will do that

  1