Sembra che CSS Grid sia arrivato da molto tempo ormai, ma solo ora sembra che stia raggiungendo un punto in cui la gente ne parla sempre di più e che sta diventando qualcosa che dovremmo imparare. Ho iniziato a leggere alcuni post ea giocare con la sintassi nelle ultime due settimane, ma ho chiesto alla mia compagna di trucco CSS Miriam Suzanne di esaminarli con me in un videoritrovo.
Abbiamo passato il nostro tempo a cercare le basi di CSS Grid e quello che abbiamo imparato è che è molto meno spaventoso iniziare a usarlo di quanto ci aspettassimo. Iniziamo con un semplice esempio e poi ci facciamo strada attraverso le proprietà CSS Grid per imparare quali altre cose è in grado di gestire senza andare troppo lontano nelle erbacce.
Ecco alcune risorse che abbiamo menzionato durante la nostra chat a cui vale la pena collegarsi:
- Una guida completa a Grid - Una panoramica completa di CSS Grid, comprese le sue proprietà e un glossario di termini e concetti importanti.
- CodePen Demo - Questo è il semplice esempio con cui abbiamo iniziato nel video e che abbiamo progredito man mano che procedevamo.
- CSS Grid and Grid Highlighter - Questo strumento è stato menzionato verso la fine e fornisce un modo per visualizzare il layout Grid utilizzando Firefox DevTools.