Skip to main content

Practice ยท 1 of 1

Container-Responsive Card

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.

Difficulty: intermediate

Back to lesson: Practice: Container Queries โ€” Practice