Design comparison
SolutionDesign
Solution retrospective
Phew! That was unexpectedly hard. It all started with overflow: hidden exposing the parent element by 1-2px. I had to manually move the layout which became messy quickly. The hover effect on the cards were also challenging. I was able to hover over the menu icon and make it seem like it was affecting the parent by using what's called the sibling trick. I learned a lot about grid layout properties and fetching json file. I'd love to hear your feedback and suggestions. Happy Coding!
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