Design comparison
SolutionDesign
Solution retrospective
While the design was easy to code... the interesting part was the hover effect on the image.
The hover effect was achievable until it was not aligned properly.. and there were many ways to solve this issue.
such as using grid positioning but instead.. i resorted with the help of google & stack overflow to use position absolute for image icon and the parent div (that holds both the icon for the hover effect and the image) a position relative.
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