Wydaje się, że CSS Grid nadchodzi już od dłuższego czasu, ale właśnie teraz wydaje się, że osiąga punkt, w którym ludzie coraz więcej o tym mówią i że staje się to czymś, czego powinniśmy się nauczyć. Zacząłem czytać kilka postów i bawić się składnią w ciągu ostatnich kilku tygodni, ale poprosiłem moją koleżankę z CSS-Trickster, Miriam Suzanne, o omówienie tego ze mną na spotkaniu wideo.
Spędziliśmy czas na zgłębianiu podstaw CSS Grid i nauczyliśmy się, że rozpoczęcie jej używania jest o wiele mniej przerażające, niż się spodziewaliśmy. Zaczynamy od prostego przykładu, a następnie omawiamy właściwości siatki CSS, aby dowiedzieć się, jakie inne rzeczy jest w stanie obsłużyć, nie wchodząc zbyt daleko w chwasty.
Oto kilka zasobów, o których wspomnieliśmy podczas naszego czatu, do których warto się odnieść:
- Kompletny przewodnik po siatce - kompleksowy przegląd siatki CSS, w tym jej właściwości i słowniczek ważnych terminów i pojęć.
- CodePen Demo - to jest prosty przykład, od którego zaczęliśmy w filmie i zaawansowany w miarę postępów.
- CSS Grid and Grid Highlighter - to narzędzie zostało wspomniane pod koniec i zapewnia sposób wizualizacji układu siatki za pomocą Firefox DevTools.