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 using Html & CSS & Response by MediaQuery

@AhmedSaidi99

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 developers, I appreciate for any advices and suggestions.

Community feedback

Moataz 130

@MoatazMohie

Posted

Nice Work. Keep it Up.

Marked as helpful

1

@AhmedSaidi99

Posted

@MoatazMohie Thank you mate

1

@TomasScerbak

Posted

Hi Ahmed, nice work. I'd like to ask, how did you change color of the picuture? I took this challange yesterday and I was unable to change the color with any css property. Thanks.

0

@AhmedSaidi99

Posted

@TomasScerbak Hi Tomas, thank you for your comment <3 . I change the color by filter property: https://developer.mozilla.org/en-US/docs/Web/CSS/filter , And mix-blend-mode: multiply; for the child (::before in my challenge)

0

@AhmedSaidi99

Posted

@TomasScerbak You can check my code from my repo here: https://github.com/AhmedSaidi99/stats-preview-card

0

@TomasScerbak

Posted

@AhmedSaidi99 , thank you Ahmed

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