Interactive rating component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @labisigloria, Congratulations on completing this challenge!

  Your component is perfect, but is not responsive yet, this is due the fixed width you've applied to the container.Look both width and max-width the main difference between these properties is that the first(width) is fixed and the second(max-width) is flexible, for example, a component with width: 320px will not grow or shrink because the size will be ever the same, but a container with max-width: 320px or min-width: 320px can grow or contract depending of the property you've set for the container. So if you want a responsive block element, never use width choose or min-width or max-width.

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Olabisi G. Adekoya•70

  @labisigloriaPosted about 2 years ago

  @correlucas thank you so much for this

  0
• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @labisigloria,

  Congrats on completing the challenge

  Just a suggestion, instead of giving 5 when no rating is selected I would suggest just disable the button until a rating is selected this can be done by adding the disabled attribute on the button and removing it when the rating is clicked.

  Also check the report above there a few issues.

  Hope this is helpful.

  Marked as helpful

  0