Úgy érzi, hogy a CSS Grid már régóta jön, de úgy tűnik, hogy éppen most ér el egy olyan pontot, amikor az emberek egyre többet beszélnek erről, és hogy ez valami olyasmi, amit meg kellene tanulnunk. Az elmúlt néhány hétben elkezdtem olvasni néhány bejegyzést és játszani a szintaxissal, de megkértem CSS-Trickster társamat, Miriam Suzanne-t, hogy egy videó-hangouton keresztül végigfigyeljen rajta.
Időnket a CSS Grid alapjaival piszkálva töltöttük el, és amit megtudtunk, sokkal kevésbé félelmetes elkezdeni használni, mint bármelyikünk várta. Egy egyszerű példával kezdjük, majd a CSS Grid tulajdonságain keresztül metéljük végig, hogy megtudjuk, milyen egyéb dolgokat képes kezelni anélkül, hogy túlságosan eljutna a gyomokba.
Íme néhány forrás, amelyet a csevegés során említettünk, és amelyeket érdemes összekapcsolni:
- Teljes útmutató a rácshoz - A CSS Grid átfogó áttekintése, beleértve annak tulajdonságait, valamint a fontos fogalmak és fogalmak szójegyzékét.
- CodePen bemutató - Ez az az egyszerű példa, amellyel elindultunk a videóban, és haladtunk tovább.
- CSS Grid és Grid Highlighter - Ezt az eszközt a vége felé említettük, és módot kínál a Grid elrendezés vizualizálására a Firefox DevTools segítségével.