Design comparison
SolutionDesign
Community feedback
- @AkoToSiJeromeEhPosted 6 months ago
Hey ! Great work out there i just notice that the stats image does not have a color overlay as the original design has , to achieve the color overlay you can add a background-color on .img and giving the image element css properties which is mix-blend-mode by applying this properties you can achieve the image color overlay. that's all happy coding !
.img { position: relative; background: hsl(277, 64%, 61%); // add this }
img { height: 100%; width: 100%; scale: 1; mix-blend-mode: multiply; // add this opacity: 0.7; // add this and you can adjust this }
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