Stats component

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @frasconi00,

  Congrats on completing the challenge

  To the center the card instead of justify-content: space-around use justify-content: center.

  You can try the mix-blend-mode property on the before element.

  Hope this is helpful.

  Marked as helpful

  1
• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @frasconi00, Congratulations on completing this challenge!

  By what I saw you’re on the right track. I’ve few suggestions to you that you can consider to add to your code:

  Instead of using this long code:

  picture::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--Soft-violet);
      filter: opacity(0.5) saturate(1.5);
  }
  

  Use mix-blend-mode. If you want the exact color tone of color of the challenge designs, you need to use mix-blend-mode to make the color blend between the image and the background-color of the container. See the steps below to apply to the img or picture selector:

  img {
  mix-blend-mode: multiply;
  opacity: 75%;}
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Samuele•170

  @frasconi00Posted about 2 years ago

  @correlucas Thanks a lot! That's exactly what I needed 😊

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @frasconi00 I'm happy to hear that! Keep posting amazing content

  1