CSS Flexbox – introductie

Flexbox is wat mij betreft de beste ontwikkeling van CSS in de afgelopen jaren, het gaat het leven van de front-end developer of webdesigner zoveel gemakkelijker maken. Waar je vroeger nog heel veel regels en workarounds voor had, heb je met Flexbox nu slechts enkele regels code voor nodig. Een greep wat je heel gemakkelijk met Flexbox kunt doen:

  • Een tekst of object heel gemakkelijk verticaal centreren
  • Kolommen maken die exact dezelfde breedte hebben die naast elkaar of onder elkaar staan
  • De klassieke header, content, sidebar, footer layout maken met enkele regels code

En alle magie van Flexbox begint met:

display: flex;

In deze serie