stats preview card

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <div class="container"> with the main tag to fix the accessibility issues.

  Use the colors that were given in the styleguide.md found in the zip folder you downloaded

  There is no need to give . box justify-content: center, align-items: center and overflow: hidden.

  For the color of the image, give . tag a background-color of soft violet and give the img a width of 100% , a height of 100%, object-fit: cover, mix-blend-mode of multiply and opacity of 0.8.

  .tag{
  background-color: hsl();
  }
  img{
  width: 100%;
  height:100%;
  object-fit: cover;
  mix-blend-mode: multiply;
  0pacity: 0.8
  }
  

  in the media query , there is no need to give .content an extra-padding value. Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on CSS units click here

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1

  ---

  

  Rachid•190

  @Rachid02elhaidiPosted almost 2 years ago

  @Hassiai thank you a lot, i'm going to add this in my code now

  0