Design comparison
SolutionDesign
Solution retrospective
I noticed a small 'artifact' that present itself when clicking the buttons which adds a 1px border outline. It resizes the cards height ever so slightly. I think it's due to how flexbox calculates the spacing for each item. I couldn't find a way around it.
Updated solution: Refactored breakpoints and margins.
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