Brytpunkter
Brytpunkter (breakpoints) definierar bredden där en layout ä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 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).