Welke CSS-indelingen ken je?

Flexbox: Eendimensionaal systeem voor het uitlijnen van elementen in een container langs één as (horizontaal of verticaal). Ideaal voor kleine componenten en het uitlijnen van elementen binnen een blok.
Grid Layout: Tweedimensionaal systeem voor het bouwen van complexe rasterstructuren op de pagina. Maakt het gemakkelijk om de plaatsing van elementen in rijen en kolommen te beheren. Perfect voor de hoofdindeling van de pagina.
Block Layout: Standaard gedrag van blok-elementen. Elementen nemen de volledige beschikbare breedte in en worden onder elkaar geplaatst.
Inline Layout: Elementen worden op één regel geplaatst, met een breedte gelijk aan hun inhoud.
Positioned Layout: Hiermee kunnen elementen worden gepositioneerd ten opzichte van hun normale positie, de ouderlijke element of het venster met behulp van position (static, relative, absolute, fixed, sticky) en de eigenschappen top, right, bottom, left.
Table Layout: Reproduceert het gedrag van tabel-elementen (display: table, display: table-cell, enz.). Wordt minder gebruikt dan Grid of Flexbox, voor het maken van tabelstructuren.
Multi-column Layout: Hiermee kan de inhoud van een container worden verdeeld over meerdere kolommen, zoals in een krant. Wordt geregeld met de eigenschappen column-count en column-width.