the nightmare begins when you realize your container isn't a size container. if you forget to set
container-type: inline-size;
on the parent, those queries just silently fail and leave you debugging for an hour. i still use media queries for the global layout/grid setup because it's overkill to track every single wrapper. but for things like card components or navigation menus, container queries are
non-negotiable .
>it works great until you have nested containers with different sizing logicthen you end up in a recursive hell of overlapping stylesjust make sure you're consistent with how you define your
min-width
thresholds across the project to avoid fragmentation.