Čini se da CSS Grid dolazi već duže vrijeme, ali čini se da tek sada doseže točku u kojoj ljudi sve više razgovaraju o tome i da to postaje nešto što bismo trebali naučiti. Proteklih sam nekoliko tjedana počeo čitati nekoliko postova i poigravati se sintaksom, ali zamolio sam kolegu CSS-prevaranticu Miriam Suzanne da prođe kroz to sa mnom u video druženju.
Proveli smo vrijeme baveći se samim osnovama CSS Grid-a, a ono što smo naučili je da je puno manje zastrašujuće početi ga koristiti nego što je itko od nas očekivao. Počinjemo s jednostavnim primjerom, a zatim se rezamo kroz svojstva CSS Grid-a kako bismo naučili s kojim drugim stvarima je sposoban rukovati, a da ne odemo predaleko u korov.
Evo nekoliko resursa koje smo spomenuli tijekom našeg chata i na koje se vrijedi povezati:
- Cjelovit vodič za mrežu - sveobuhvatan pregled CSS mreže, uključujući njegova svojstva i pojmovnik važnih pojmova i koncepata.
- CodePen Demo - ovo je jednostavan primjer s kojim smo započeli u videu i napredovali u hodu.
- CSS Grid i Grid Highlighter - Ovaj je alat spomenut pri kraju i pruža način za vizualizaciju izgleda mreže pomoću Firefox DevTools.