Grid.css è un piccolo framework CSS utile per la creazione di un layout responsive a sei colonne. Per il suo funzionamento si avvale dei selettori di attributo in CSS e risulta compatibile con i browser più moderni (Chrome, Safari, Firefox, Opera, Explorer 9); inoltre, con l'aiuto di un fallback (per esempio Respond.js), potrà essere utilizzato anche con Explorer 8.
La caratteristica principale di questo framework è la possibilità di scegliere come un elemento dovrà adattarsi (in maniera responsive) al display; infatti utilizzando l'attributo "data-grid" all'interno di un DIV è possibile scegliere se gli elementi posti sulla stessa riga devono occupare il minimo spazio disponibile restando allineati (data-grid="overflow") oppure andare a capo e occupare orizzontalmente l'intero display (data-grid="collapse").
Nel sito ufficiale è possibile provare (riducendo le dimensioni della finestra del browser) la comodità e la semplicità d'uso di questo framework.
Fonte: Grid.css
/https://www.html.it/app/uploads/2024/06/css-2.png)
/https://www.html.it/app/uploads/2024/06/google-chrome-_-.jpg)
/https://www.html.it/app/uploads/2024/04/css.png)
/https://www.html.it/app/uploads/2024/01/cssday.png)