Design comparison
SolutionDesign
Solution retrospective
Corrections are welcom
Community feedback
- @umairmaqbool3Posted over 3 years ago
Hi Raymond, I really appreciate your work. You did it nicely, but need little work to match the original design. I myself doing this challenge, but I stuck adding overlay on the image.
Marked as helpful1@Raymond-apPosted over 3 years ago@umairmaqbool3 Thanks a lot bro. I will try hard and make it match. Please use the code below to add the overlay to the image. image { position: relative; }
.image::before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: hsla(277, 64%, 61%, 0.527); }
1
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