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 component card made using React and TailwindCSS

Remtaine 360

@remtaine

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! My main problem was the color filter for the image, just couldn't get it to be the right shade of purple. I used the overlay method from the NFT project but it wasn't the same. Please help me fix that part. If you see anything else, don't hesitate to tell me!

Community feedback

@stephenikuomola

Posted

Hello Remtaine!!!!

This is fantastic and really impressive from you as well. For the color filter for the image on the image class, element or id, you should apply the following properties;

img{ filter:opacity(75%); mix-blend-mode:multiply; }

This will give the image that effect as it make the background-color blend with it giving it that dark effect on the image.

Marked as helpful

1

Remtaine 360

@remtaine

Posted

@salutDami Thank you for this! I'll definitely try this out :)

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