Blog

Container Queries: en komponent, der kender sin container, ikke viewportet

Det samme produktkort ser fantastisk ud i et grid og går i stykker i en smal sidebar – på trods af omhyggeligt udvalgte media queries. Problemet ligger ikke i din kode, men i det spørgsmål, media queries stiller: om skærmens bredde, ikke om den plads, komponenten faktisk har fået. Jeg undersøger, hvordan container queries flytter det spørgsmål derhen, hvor det burde have været stillet fra begyndelsen, og hvad der reelt sker under motorhjelmen, når et element bliver en 'query-container'.