A media query asks how wide the screen is. A reusable card cares about something else: how much room it has. With container queries, a component reacts to the width of its container, so the same card works in a wide column, a narrow sidebar and a modal.