Responsive Stats preview card component using HTML&CSS

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <section class="main"> with the main tag to fix the accessibility issue. click here for more on web-accessibility and semantic html

  To center .main on the page using flexbox, add min-height: 100vh to the body.

  For the color of the image, add a background-color of soft violet, a background-blend-mode of multiply and opacity of 0.8 to .my-img.

  .my-img{
  background-image: url();
  background-size: cover;
  background-color: hsl()
  background-blend-mode: multiply;
  opacity: 0.8;
  }
  

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  0

  ---

  

  Albaraa Ahmed•60

  @baarayyPosted almost 2 years ago

  @Hassiai Thanks for the great feedback! i will consider it for sure in my next challenges :)

  0