Preview Card Component Solution by Charles Barros

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

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

  To center .card on the page using flexbox, replace the height in .container with min-height: 100vh and add justify-content: center to .container.

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

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

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  0