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 Card Component made with HTML/CSS and Flexbox

Monica 100

@monicamclaughlan

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


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

@NateOs

Posted

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 helpful

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