All comments

• 

  Sebastian•100

  @MecosLBSubmitted almost 2 years ago

  

  INTERACTIVE RATING COMPONENT

  1

  30
  

  R. Raghav•120

  @Ri-RaghavPosted almost 2 years ago

  Great work! Though the colors you have used for the box are off

  body {
      background: hsl(216, 12%, 8%);
  }
  
  .star-img, .rating-button {
      background-color: hsl(213, 19%, 18%);
  }
  

  This will have them look exactly the same as the image design!

  It would also be a good idea to set body or the element that has the darkest background to cover the full viewport height

  Marked as helpful

  1
• 

  R. Raghav•120

  @Ri-RaghavSubmitted about 2 years ago

  While I could align everything inside the flexbox, the main trouble was aligning the whole box to the center of the page vertically. Also I couldn't justify-content: center; otherwise the background would be all over the place hence I had to specify width and set margin to auto

  

  Product Preview Challenge using CSS Flexbox

  2

  40
  

  R. Raghav•120

  @Ri-RaghavPosted about 2 years ago

  Huh, the solution looks different on my device than here https://i.imgur.com/ITa1EMH.png

  0