Blog

Container Queries: een component dat zijn eigen container kent, niet de viewport

Dezelfde productkaart ziet er in een grid geweldig uit en breekt in een smalle sidebar – ondanks zorgvuldig gekozen media queries. Het probleem zit niet in je code, maar in de vraag die een media query stelt: die gaat over de breedte van het scherm, niet over de ruimte die het component daadwerkelijk heeft gekregen. Ik zoek uit hoe container queries die vraag terugbrengen naar waar ze vanaf het begin had moeten liggen, en wat er echt onder de motorkap gebeurt zodra een element een 'query-container' wordt.