Skip to main content

Practice ยท 1 of 3

Independent: Card Row

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).

Difficulty: beginner

Back to lesson: Practice: Flexbox โ€” Practice