Milyen CSS elrendezéseket ismersz?

Flexbox: Egyirányú rendszer az elemek igazítására egy konténerben egyetlen tengely mentén (vízszintes vagy függőleges). Ideális kis komponensekhez és az elemek igazításához egy blokk belsejében.
Grid Layout: Kétirányú rendszer összetett rácsok létrehozásához az oldalon. Könnyen kezelhető az elemek elhelyezése sorokban és oszlopokban. Ideális az oldal fő elrendezéséhez.
Block Layout: Az alapértelmezett blokk elemek viselkedése. Az elemek elfoglalják a rendelkezésre álló teljes szélességet, és egymás alatt helyezkednek el.
Inline Layout: Az elemek egy sorban helyezkednek el, a tartalmuknak megfelelő szélességet foglalva el.
Positioned Layout: Lehetővé teszi az elemek pozícionálását a normál helyzetükhöz képest, a szülőelemhez vagy a nézetablakhoz képest a position (static, relative, absolute, fixed, sticky) és a top, right, bottom, left tulajdonságok segítségével.
Table Layout: Újraalkotja a táblázat elemek viselkedését (display: table, display: table-cell, stb.). Kevésbé használják, mint a Grid vagy Flexbox, táblázatszerkezetek létrehozására.
Multi-column Layout: Lehetővé teszi a tartalom több oszlopra bontását, mint egy újságban. A column-count és column-width tulajdonságokkal szabályozható.