Aké rozloženia CSS poznáš?

Flexbox: Jednoosný systém na zarovnávanie prvkov v kontajneri pozdĺž jednej osi (horizontálnej alebo vertikálnej). Ideálny pre malé komponenty a na zarovnávanie prvkov vo vnútri bloku.
Grid Layout: Dvojrozmerný systém na tvorbu zložitých mriežok na stránke. Umožňuje ľahké riadenie rozmiestnenia prvkov ako v riadkoch, tak aj v stĺpcoch. Ideálny pre hlavnú štruktúru stránky.
Block Layout: Štandardné správanie blokových prvkov. Prvky zaberajú celú dostupnú šírku a ukladajú sa jeden pod druhým.
Inline Layout: Prvky sa ukladajú na jednu líniu, zaberajúc šírku rovnakú ako ich obsah.
Positioned Layout: Umožňuje umiestniť prvky vzhľadom na ich normálnu pozíciu, rodičovský prvok alebo okno prehliadača pomocou position (static, relative, absolute, fixed, sticky) a vlastností top, right, bottom, left.
Table Layout: Reprodukuje správanie tabuľkových prvkov (display: table, display: table-cell atď.). Menej používané ako Grid alebo Flexbox, na tvorbu tabuľových štruktúr.
Multi-column Layout: Umožňuje rozdeliť obsah kontajnera na viac stĺpcov, ako v novinách. Ovláda sa vlastnosťami column-count a column-width.