Skip to main content

Practice · 1 of 1

Container-Responsive Card

CHALLENGE
Difficulty: intermediate+25 XP

Make .slot a size container, then inside @container (min-width: 420px) give .card a two-column grid (120px 1fr). Below that width the card stays a single column — all without media queries.

Back to lesson: Practice: Container Queries — Practice