Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
making image color overlay with ::before pseudo-element
What challenges did you encounter, and how did you overcome them?measurement width, height, padding, and margin
Community feedback
- @DebabrataBanikPosted 3 months ago
Great work on the design!
For the image maybe you can try this, on your
::before
psedo-element of .image-container replace the background-color withbackground-color: hsl(277, 64%, 61%);
. Then on the img class add thismix-blend-mode: multiply;
andopacity: 0.7;
Hope this helps!
Marked as helpful1
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