stats-preview-card-component-main solution updated

Solution retrospective
I've struggled a lot to make the image overlay color looks like in the design given, I tried to make an overlay with position absolute and given it an opacity. Still, it doesn't work, I searched, and finally, I found that I can make it with the Mix-blend-mode property which I didn't know about before, again for some reason it doesn't give me the same darkness of the color that exists in the design. any suggestion?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @correlucas
👾Hello , congratulations for your new solution!
Good to see your solution improve, to have the same color you can adjust the darkness with
opacity: 75%
img { mix-blend-mode: multiply; opacity: 75%}
👋 I hope this helps you and happy coding!
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