Concetti chiave
Elementi di design
Layout
Responsive Design
Conclusione ed esercizi
Grid Layout
- Il video tutorial spiega come utilizzare il Grid Layout in CSS3 per creare layout di pagina flessibili e strutturati in colonne e righe.
- Viene mostrato come definire colonne di dimensioni fisse o flessibili utilizzando unità come pixel o “fr”, e come gestire gli spazi tra le celle tramite la proprietà “gap”.
- L’autore illustra l’uso delle funzioni “repeat” e “minmax” per creare griglie più complesse e adattabili alla dimensione del viewport.
- Viene introdotto il concetto di posizionamento basato sulle linee (“line-based placement”) per organizzare elementi specifici all’interno della griglia.
- Il video conclude spiegando come creare layout completi usando il Grid Layout, consigliando l’uso di Flexbox per una maggiore flessibilità in alcuni casi.