Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats component made with css flexbox

Leroy-sama 280

@Leroy-sama

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Dessidy 300

@Dessidy

Posted

Hey 👋👋👋

I noticed your image doesn't have the purple background in it so I thought I would help out

.img_container { position: relative; (This is very important!) }

`.img_container::before { content: ""; position: absolute; inset: 0;

background: var(--clr-Soft-violet); opacity: .8; mix-blend-mode: multiply; (This is just to make it blend better) } `

Oh and also I noticed that you don't have <h1> tag, which is not so good practice. <h1> tags are very important to web pages.

That's all though. Hope this helps 👦

Marked as helpful

0
Leroy-sama 280

@Leroy-sama

Posted

Thank you for the reminder, Dessidy. I forgot to add the background for the image, which I will correct. Salute.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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