Stats preview card component

Community feedback

• 

  Harshita Jain•380

  @Harshi786Posted over 2 years ago

  Hey @irinani!

  Congrats on completing the challenge.

  Your code looks good just a little tip to make it perfect:

  • To match the image with challenge, Use properties like this---

  .card-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--purple);
  }
  

  -Add mix-blend-property and opacity in image itself. Example-

  .card-image img {
    display: block;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.75;
  }
  

  Hope this helps to understand code better :)

  0