Interactive Rating component using CSS grid

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @uzairK134, Congratulations on completing this challenge!

  Use <main> instead of <div> to wrap the card container. This way you show that this is the main block of content and also replace the div with a semantic tag.

  Create the rating section using a list with <ul> <li> and apply flex-wrap: wrap to make it responsive and the button going to different rows to adjust and fit:

  .rating {
      background-color: hsl(213, 19%, 18%);
      grid-row: 4;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 15px;
      flex-wrap: wrap;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  1