Stats component

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.

👾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!