Content-driven breakpoints
Design the full layout first and collapse to a compact arrangement only when the content no longer fits, rather than guessing a device by viewport width.
A container query switches a two-column row to stacked when the container gets narrow.
Compact width — one column
Tap the example to replay it · press and hold to slow it down