SILICIO E NUVOLE

5 – Layout con CSS Grid 1. Introduzione al Grid System CSS Grid è un sistema di layout bidimensionale, che consente di posizionare elementi sia in righe (rows) che in colonne (columns) , rendendo più semplice creare layout complessi e responsive rispetto a Flexbox (che è più indicato per un asse principale). Vantaggi principali Controllo preciso su righe e colonne. Possibilità di ridimensionare automaticamente gli elementi . Facilita la creazione di homepage, magazine, dashboard . 2. Container Grid e Items 2.1 Container Grid Per definire un container grid: .container { display: grid; grid-template-columns: 1fr 2fr 1fr; /* definizione colonne */ grid-template-rows: 100px auto 50px; /* definizione righe */ gap: 15px; /* spazio tra righe e colonne */ } fr = frazioni dello spazio disponibile. gap = distanza tra righe e colonne. grid-template-columns e grid-template-rows definiscono la struttura del layout . 2.2 Items Gli elementi figli del con...