Rating Card with CSS & JS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @VanessaAz, Congratulations on completing this challenge!

  Great code and great solution! I’ve few suggestions for you that you can consider adding to your code:

  To improve the card overall responsibility, you can start to add flex-wrap inside the class that manages the section for the rating numbers button and makes the adjust to fit in different rows while the container scales down, not that without this property the container doesn't shrink. Here's the code applying these changes:

  #rating-btn {
      display: flex;
      justify-content: space-around;
      cursor: pointer;
      flex-wrap: wrap;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Vanessa•160

  @VanessaAzPosted about 2 years ago

  @correlucas thanks, already working! :)

  1
• 

  Gideon•500

  @GiDDeRoPosted about 2 years ago

  Nice Solution. You should have given the rates (1-5) and the button a cursor: pointer; hover effect. .rates:hover{ cursor: pointer; }

  Happy Coding!

  Marked as helpful

  0

  ---

  

  Vanessa•160

  @VanessaAzPosted about 2 years ago

  @GiDDeRo already added, thanks I forgot :)

  0