Submitted almost 5 years ago

Mobile-first 3 Column preview card

accessibility

LVL 2

Marcos•95

@marcosfsousa

A solution to the 3-column preview card component challenge

Preview Code

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.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Marcos’s solution.

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