Brytpunkter

Brytpunkter (breakpoints) definierar bredden där en layout kan ändras för att anpassa sig efter fönstrets eller containerns storlek.

Media queries gör att vi kan anpassa sidans layout baserat på webbläsarens storlek.

Exempel 1: Vi kan använda media queries för att få till rätt layout för webbsidan.

Exempel 2: Vi kan använda media queries för att välja rätt navigation för webbsidan.

Container queries gör att vi kan anpassa en containers layout baserat på containerns storlek.

Exempel 1: Vi kan använda container queries för att få till rätt layout i modaler.

Exempel 2: Vi kan använda container queries för att få till rätt layout i angränsande ytor (panes).

Våra tokens innehåller definitioner för alla brytpunkter.