Practice · 1 of 3
Independent: Card Row
CHALLENGE
Difficulty: beginner+25 XP
Build a responsive-ish card row with flex:
- .row is a flex container whose items wrap when space runs out, with a 1rem gap.
- Each .card has flex: 1 and a minimum width of 200px (hint: flex-basis or min-width) so cards can't shrink into slivers.
- All three cards end up the same width on wide screens (flex handles it).
Press Submit to check your solution.
Back to lesson: Practice: Flexbox — Practice