Brytpunkter
Brytpunkter (breakpoints) definierar bredden där en layout ändras för att anpassa sig efter fönstrets eller containerns storlek.
Brytpunkter.
<Tabell med alla brytpunkter>
Media queries gör att vi kan anpassa sidans layout baserat på webbläsarens storlek.
Exempel 1: Vi använder media queries för att få till rätt layout för webbsidan.
Exempel 2: Vi använder 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 använder container queries för att få till rätt layout i modaler.
Exempel 2: Vi använder container queries för att få till rätt layout i angränsande ytor (panes).