Media queries scale by viewport…
Container queries scale by component.
.card {
container-type: inline-size;
}
@container (min-width: 450px) {
.card { flex-direction: row; }
}
✨ Why They’re a Big Deal
-
🎯 Component-level responsiveness
-
📦 No more giant breakpoint spaghetti
-
🧩 Perfect for design systems