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

HTML/CSS, flexbox and grid layouts

@ozangokdemir

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


Hi everyone !

I've completed my third challenge during my holidays so I was a little bit lazy but I managed to train whenever I got a moment. This one was a bit more complicated due to an issue I had on my viewport width which was shrinking when using low responsive resolutions (like with 375px). I found out how to resolve it and this helped me better understanding how viewport works so it's good :)

And honestly, I couldn't find the right filter for my image to look like the example one, so I checked on @Tomi-pter 's code provided in solutions, thank you for that mate ;)

Community feedback

Tomi 565

@Tomi-pter

Posted

You're welcome mate ☺

0
dewslyse 3,025

@dewslyse

Posted

Hello Ozan! Your implementation of this challenge is spot-on. Well done 👏 👏 . By the way, you can also use one of the <blend-mode> properties in css, with value of multiply to achieve the filter or overlay effect.

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