Grid

La griglia rappresenta la struttura invisibile che permette di organizzare i contenuti della pagina.

Una griglia di impaginazione consiste in colonne di testo (e/o immagini) separate da spazi intercolonna e contornate dai margini della pagina.

All’interno dello spazio a disposizione l’organizzazione del contenuto segue un sistema di griglie responsive per mantenere una efficace visualizzazione a seconda del dispositivo utilizzato.

Le dimensioni delle colonne si adattano ai cambiamenti della viewport: ogni colonna occuperà una percentuale di spazio specifica a seconda che sia visualizzata su dispositivi desktop o mobile.
La ridisposizione dei contenuti, a seconda delle dimensione dello schermo, garantisce che i testi siano leggibili anche su device di piccole dimensioni e che l’interazione utente rimanga agevole (es. form, controlli dinamici).