
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Well, in this challenge, I learned two valuable things:
- It is not possible to create a pseudo-element from an image element. I tried several times, and then I searched and found this article on Stack Overflow
.image::after ❌ .image-wrapper::after ✅
- I learned how to apply a hover selector to an ::after pseudo-element.
/* for example */
.card__image__wrapper:hover:after{
opacity: 1;
}
Community feedback
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