Flexbox i CSS

Flexibla boxar

Layout i CSS har traditionellt (i alla fall från början av 00-talet) gjorts med hjälp av position eller float. Båda dessa är fortfarande nödvändiga verktyg att ha i sin verktygslåda, men de har på senare år kompletterats med verktygen flexbox och grid.

Flexbox, flexibla boxar är element som kan omformas och anpassa sig efter faktorer som displaystorlek och proportioner, vilket förenklar formgiving som ska fungera på skärmar av olika storlek och med olika proportioner. Flexboxar anpassar sig efter det tillgängliga utrymmet.

Använder du flex ska du inte på samma element använda position eller float.

I väntan på en egen text om flexbox finns det en mycket bra artikel att läsa på CSS-tricks (tyvärr på engelska).

Det finns också bra övningar att göra på w3schools.