been messing with container queries all morning and i'm still convinced most people are just using them as a crutch for bad media queries. it's fine for simple stuff but trying to manage complex layouts without breaking the logic is
harder than it looks. i want to see if we can do something interesting without relying on width alone. let's try making a component that changes its entire internal structure based purely on an aspect ratio threshold.
.card-container {container-type: size;}@container (aspect-ratio < 1/1) {.card {display: block;}}it's a bit of a headache when the parent container doesn't have an explicit height set. anyone else struggling with sizing the container itself?