Stats preview card component | SCSS / BEM / Vite

What are you most proud of, and what would you do differently next time?

Practicing building small component with a clean css organisation.

With practice I feel I can get quicker close to the design solution without checking to much values in the figma file.

Practicing mobile-first development helps a lot.

What challenges did you encounter, and how did you overcome them?

I couldn't find a good settings with mix-blend-mode in css to get close to the design.

Finally I got a tip using multiply and opacity on the image. I'm using the `` element which has the same background-color as the accent color.

.card__image-wrapper > img {
  mix-blend-mode: multiply;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  object-fit: cover;
}