Ressursside Webutvikling 2018

Flexbox

Det er flere måter å lage et layout i CSS, men det er to som blir brukt mest. Disse to layoutene er CSS Flexbox og CSS Grid.

Flexbox er en måte å opprette, justere og tilrettelegge HTML elementer. Dette kan også gjøres hvis størrelsen er ukjent eller dynamisk. Flexbox har muligheten til å gi beholderen muligheten til å endre bredde, høyde og rekkefølge på elementene inni seg. Dette er for å best fylle den tilgjengelige plassen. Selv om man kan få lignende resultater med for eksempel float, egner dette seg dårlig når man skal utvikle større systemer og applikasjoner. Da trenger man noe som er mer fleksibelt.

Grid

Grid fungerer mer som et rutenett. Man starter med å definere kolonner og rader, dette gjør grid to-dimensjonalt. Dette er i motsetning til Flexbox som fungerer i en retning. Grid gir deg muligheten til å designe blant annet vertikalt mye lettere ettersom du kan definere hvordan radene skal se ut i tillegg til kolonnene.