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 Solution using only html and css

@hi-reeve

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


hello everyone, this is my first challenge on front-end mentor! please give me a feedback on my solution.

Community feedback

Luis Colina 1,043

@Comet466

Posted

hello Christopher good job on this challenge to make the filter to the image instead of using a screen you use a property called "background-blend-mode: multiply" with her you can declare 2 properties (in this case a image and a color) and combined in the background or blend it better said, the ".card__paragraph" class has a margin top of 4rem, thats just way to much change it to 1 rem and your solution would be way closer to the intended design, good job and happy coding

0

@hi-reeve

Posted

@Comet466 hey thankyou for your feedback! yes i was a bit confused about the background and didn't really think about using background blend mode. thankyou for reminding me about that tho. and all right i change the margin top. thankyou!

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