Blogg

Samma produktkort ser perfekt ut i griden men går sönder i den smala sidopanelen – trots noggrant avvägda media queries. Problemet ligger inte i din kod, utan i frågan som media query faktiskt ställer: hur bred är fönstret, inte hur mycket plats komponenten faktiskt fick. Jag går igenom hur container queries flyttar frågan dit den borde ha ställts från början, och vad som egentligen händer under ytan när ett element blir en 'query container'.

CSS Houdini är inte en enda teknik, utan en samling specifikationer i mycket olika mognadsgrad. Ta reda på vilken del som duger för produktion idag, hur @property och paint worklet egentligen fungerar, och varför resten fortfarande är ett experiment.