Design comparison
SolutionDesign
Solution retrospective
I maybe wrong but, learnt that although you cannot use :before pseudo selector on an img, you can work around it by wrapping it around a picture tag. Applied the hover/active state solution on the image that way as adding an extra div for overlay seemed like overkill.
Community feedback
Please log in to post a comment
Log in with GitHub
Join 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