Container Queries for Components

Background

Container queries enable truly modular responsive components independent of viewport.

Problem

Create a card component that adapts its layout based on its container width using container queries.

Input

Component in various container sizes

Output

Container-responsive layout

Sample tests

Input: card in narrow container

Expected: stacked layout

Your solution

Learning objective

Learn container queries and component-driven design