Interactive Rating Component

Community feedback

• 

  romila•3,570

  @romila2003Posted about 2 years ago

  Hi Ben,

  Congratulations 🎉 for completing this challenge, the card looks great and is functional. However, there is an accessibility issue regarding your HTML and CSS.

  1. It is best practice to wrap your code within the main tag which would ensure that your content is wrapped within the correct landmarks e.g. <main class="container"></main>
  2. It is good that you used the flexbox property to center and align your card however you can remove the flex-direction of column property. Also, you can change the margin property to margin: 0 20px; instead, to prevent the card from touching the side of the screen.

  Overall, great attempt and wish you the best for your future projects.

  Marked as helpful

  1