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

Just another incredibly successful project - first time using CSS vars

Scott 280

@Scott1UP

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 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

@ranieto

Posted

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

@Scott1UP

Posted

@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
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