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

Mobile first using HTML and Sass

Rhino 155

@Rhiino1

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


Hey guys! I would appreciate if you could say anything to this, I had struggle with the "pink" filter over the image so if you could help me find ways to do it would be nice 😁

Community feedback

T
Matt Studdert 13,611

@mattstuddert

Posted

Nice work on this project! Your solution is really close to the design. For the image, I'd recommend looking into using mix-blend-mode to get that effect. Here's a good article on MDN about mix-blend-mode to learn more.

Keep up the great work! 👍

Marked as helpful

0

Rhino 155

@Rhiino1

Posted

@mattstuddert Thank you so much! I didn't know about that property, it's fixed now and looks pretty cool!

0
T
Matt Studdert 13,611

@mattstuddert

Posted

@Rhiino1, you're welcome! Your updated solution looks even better now! 🤩

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