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 Preview Card using CSS grid

Popsam806 10

@Popsam806

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I encountered a problem when i tried to change the color of image

Community feedback

P
Daniele 300

@dedo-dev

Posted

I made the same mistake.

As suggested on the discord server for this challenge we don't need to use pseudo-element.

You can apply the bg on the .img-card and then on the .img-card > img the blend mode set on multiply with .75 opacity.

Use the accent color as bg.

See you man.

I see just now, use rem and em instead of the px, and for the next one start writing css with mobile first approach with media queries min-width in em

1

Popsam806 10

@Popsam806

Posted

Thanks Man, i will make amendments @dedo-dev

1

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