Layout, del 1
5 emner i denne session.
Emner i denne session
5 emner
-
Flex vs. Grid i praksis
Vælg layoutmodel gennem navigation, rækker, cards og responsiv rækkefølge.
-
Generelle layoutmønstre
Fordel plads med Flex, stabl med Grid, og byg bento- og full-bleed-layouts.
-
Intrinsic sizing og automatiske kolonner
Lad indhold og tilgængelig plads styre størrelser, og sammenlign auto-fill med auto-fit.
-
Defensive CSS (Gotchas)
Praktiske defensive mønstre, så layouts overlever lang tekst, skæve billeder og uforudsigeligt indhold.
-
Math og layout
Brug calc(), min() og max() til sammenhængende radier, robuste grids og fælles indholdskanter.