Stats Card Component made with HTML/CSS and Flexbox
Design comparison
Solution retrospective
This was my first time using filter on an image to change the color. I didn't achieve the exact outcome and was wondering if anyone had any good resources for this! Thanks so much for any and all feedback!
Community feedback
- @NateOsPosted over 3 years ago
Looks like you didn't apply the padding correctly to the stats, also check the fonts, the goal shd be getting the layout as close to the design as possible whilst maintaining as much detail you can across various viewpoints, with image filter, last time I tried, it didn't turn out great, check MDN however, has great resources to get better at anything CSS, also try using another div box with a transparent color, that shd get you close the effect in the design, however, good job, keep going.
Marked as helpful0 - @EnzoReySilPosted over 3 years ago
I think you can solve the problem by using the color from the insigts word put it in a div that cover the image and then apply a blending mode propperty in the css (something like "soft-light" should work). You can see here how to use this propperty
0
Please log in to post a comment
Log in with GitHubJoin 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