Quali layout CSS conosci?

Flexbox: Sistema monodimensionale per l’allineamento degli elementi in un contenitore lungo un’unica asse (orizzontale o verticale). Ideale per componenti di piccole dimensioni e per l’allineamento degli elementi all’interno di un blocco.
Grid Layout: Sistema bidimensionale per creare griglie complesse sulla pagina. Permette di gestire facilmente la disposizione degli elementi sia in righe che in colonne. Perfetto per il layout principale della pagina.
Block Layout: Comportamento standard degli elementi a blocco di default. Gli elementi occupano tutta la larghezza disponibile e si posizionano uno sotto l’altro.
Inline Layout: Gli elementi si posizionano in una sola riga, occupando una larghezza uguale al loro contenuto.
Positioned Layout: Permette di posizionare gli elementi rispetto alla loro posizione normale, all’elemento genitore o alla finestra di visualizzazione usando position (static, relative, absolute, fixed, sticky) e le proprietà top, right, bottom, left.
Table Layout: Ricrea il comportamento degli elementi tabella (display: table, display: table-cell, ecc.). È usato meno di Flexbox o Grid, per creare strutture tabellari.
Multi-column Layout: Permette di dividere il contenuto di un contenitore in più colonne, come in un giornale. Si controlla con le proprietà column-count e column-width.