Skip to content
Submitted about 3 years ago

Stats component card made using React and TailwindCSS

react, tailwind-css
Remtaine•360
@remtaine
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • Stephen Ikuomola•590
    @stephenikuomola

    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

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