Stats preview card component

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

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

  Use rem and em as the unit for the width, paddings , margins and font-size values. for more on css units click here

  there is no need for linear gradient in .card-image for the color of the picture. give .card-image, a background-image, a background-color, background-blend-mode of multiply of multiply and opacity of 0.8.

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

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0

  ---

  

  Kevin Alejandro Henao Castañeda•340

  @KevhecPosted almost 2 years ago

  @Hassiai Thanks for the suggestion. I'm applying the background one as I found it better for the solution!

  0