Design comparison
Solution retrospective
Hello Community, I couldn't change the background color of the image. Can someone tell me why I can't change it?
Community feedback
- @Call4juliusPosted 10 months ago
Apply
background-blend-mode: multiply
to your card holding theimage
. That way the cardbackground-color
will be blended with theimage
.0 - @rayaattaPosted 10 months ago
Hello Umutcan, congratulations on completing this challenge 🎉
I have some advice. 1 Consider always using the mobile first workflow where you first make your page for mobile devices and advance to larger screen sizes.
2 In order to make your solution look closer to the design,add
mix-blend-mode:multiply;
To the css for
.card
The mix-blend-mode property is used to define how the blending should occur between the background of an element and its content, or between overlapping elements. It affects the way the colors of the elements interact with each other.
I hope this helps 🙃 Your solution is nice👏 bro
0
Please log in to post a comment
Log in with GitHubJoin 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