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 Preview Card Component - HTML & SASS

@pedrotpo

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


How do you get the overlay color correctly on the image?

Community feedback

@Lusk1nha

Posted

You can use "mix-blend-mode: multiply" on your image to mix it with the purple background and thus get closer to the design.

I hope that's can help you. 😃👍

Marked as helpful

1

@pedrotpo

Posted

@Lusk1nha Thanks! Seems much easier than using filter on the img

1

@Lusk1nha

Posted

@pedrotpo Sim quando fiz esse desafio também usei "filter" na imagem.

Um usuário me falou desse mix-blend-mode, e eu fiquei abismado do quão mais fácil é.

No filter perdi um tempo arrumando brigthness, hue-rotate e etc. 😆

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