Design comparison
SolutionDesign
Solution retrospective
It's my first challenge here. I tried to make it fully responsive. The only problem I had is I could not match the color shade on the image. Would love to get some feedback.
Community feedback
- @fidellimPosted about 3 years ago
Hi Aditya,
The fix to this is by adding background blend mode.
.card__img { background-image: url(images/image-header-desktop.jpg); background-color: rgb(170, 92, 219); background-blend-mode: multiply; background-size: cover; background-position: center; }
This code will do the work. Adding background-blend-mode: multiply will darken the color overlay.
I hope it helps.
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