Design comparison
SolutionDesign
Solution retrospective
Will be glad for your comments :)
Community feedback
- @visualdennissPosted over 1 year ago
Hey there,
Good work! About the color effect on the images, there is an easier way actually that will get you closer result to the design as well:
- Remove the ::after, you don't need that.
- Just give container of the img a background color like hsl(277, 64%, 61%),
- Have the image as <img/> inside that container div, instead of as a background-image
- then apply this css rules to the img: mix-blend-mode: multiply; opacity: .75;
Hope you find my feedback helpful!
Marked as helpful0
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