L’episodio 24 del tutorial CSS3 tratta del layout a colonne multiple, spiegando come creare e stilizzare colonne utilizzando proprietà come column-count, column-gap, e column-rule.
Viene mostrato un esempio di base per creare un layout con più colonne, regolando il numero di colonne e la loro larghezza in base alle dimensioni disponibili.
La proprietà column-gap è utilizzata per determinare la distanza tra le colonne, mentre column-rule permette di inserire una linea di separazione tra di esse.
Il concetto di “column-span” viene introdotto per consentire a un elemento di occupare più colonne, utile per inserire annunci pubblicitari o elementi speciali all’interno di un layout a colonne multiple.
Il video conclude consigliando l’uso di altri strumenti come Grid e Flexbox per layout più complessi e accenna al tema del design responsivo che sarà trattato in un episodio successivo.

Devi essere connesso per inviare un commento.

Dal design al codice: corso completo di CSS

Multiple-column Layout