← Tilbage til UI-komponentoversigt

MosaicGrid — Forhåndsvisning

Responsiv adfærd i trin (bands) styret af gridets egen bredde. Skriftstørrelser, højde, padding og logo skifter ved breakpoints; pilen skalerer med tallet. Under 430 skaleres flydende ned mod 320, over 1728 skaleres hele layoutet ensartet op.

Interaktiv — træk for at ændre bredden

Træk i håndtaget nederst til højre for at ændre bredden og se overgangene mellem breakpoints live (≈320 → ≈1300px).

Breakpoint-prøver (design-slot bredder)

430px viewport · grid 405px · band M

768px viewport · grid 720px · band 3

1024px viewport · grid 500px · band 2

1512px viewport · grid 696px · band 3

1728px viewport · grid 804px · band 4