Skip to content
Submitted over 2 years ago

Stats component card made using React and TailwindCSS

Remtaine•360
@remtaine
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

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

  • Stephen Ikuomola•570
    @stephenikuomolaPosted over 2 years ago

    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
    @remtainePosted over 2 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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