Submitted over 2 years ago

HTML CSS Stats page

@Drimzart

A solution to the Stats preview card component challenge

Solution retrospective

Here i have some dificult to do the violet filter in img and to set letter spacing and height, i think i need pratic more

i dont build the responsive layout because i dont know how i set media queries to flex columns direction, when i try he break, maybe why i use bg-img to do the violet filter, but i dont know

Code

Please log in to post a comment

Community feedback

Hassia Issah•50,390
@Hassiai
Posted over 2 years ago
For the color of the image , add a background-color of soft-violet , a background-blend: mode: multiply; opacity: 0.8 to .background
```
.background{
background-image: url();
background-size: cover;
background-color: hsl()
background-blend-mode: multiply;
opacity: 0.8;
}
```
Hope am helpful.

Well done for completing this challenge. HAPPY CODING
Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord