Skip to content
Submitted about 1 year ago

Just another incredibly successful project - first time using CSS vars

Scott•280
@Scott1UP
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

Hey Frontend Mentor Community,

As you can see, I've created another masterpiece. I know, it's majestic.

Quick question though, for the life of me I couldn't figure out how to take the main Purple 'accent' colour provided and apply it to the image to match the design. Any pointers on this one?

I tried a combination of using a wrapper with a bg colour, CSS img filters, etc — all to no success.

Thanks in advance!

Community feedback

  • Ronny Nieto•270
    @ranietoPosted about 1 year ago

    Try adding mix-blend-mode: multiply on the <img> and tweaking its opacity to get the color closer to the design.

    Good luck!

    1
    Scott•280
    @Scott1UPPosted about 1 year ago

    @ranieto You are a legend Ronny, thanks for taking the time to comment with the solution!

    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