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 using HTML and CSS

@anks-creator0902

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


I used opacity to fill the picture but i think it doesn't work. So can anyone give me the solution? :D Thank you.

Community feedback

dewslyse 3,025

@dewslyse

Posted

Hello @anks-creater0902 !

You can use the mix-blend-mode(set value to multiply) property together with the opacity on your img. That is one way to do it.

Marked as helpful

0

@anks-creator0902

Posted

@dewslyse thank you <3

0

@iulian-cenusa

Posted

You can use Mix blend mode CSS property for the image to blend it with the background color. More info at https://www.w3schools.com/cssref/pr_mix-blend-mode.asp.

Marked as helpful

0

@anks-creator0902

Posted

@iulian-cenusa thank you <3

0

@iulian-cenusa

Posted

@anks-creator0902 You're welcome !

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