Cítím, že CSS Grid přichází již dlouho, ale zdá se, že právě dosáhl bodu, kdy o něm lidé stále více mluví a že se z něj stává něco, co bychom se měli naučit. Za posledních pár týdnů jsem začal číst několik příspěvků a hrát si se syntaxí, ale požádal jsem kolegyni z CSS-Tricksterky Miriam Suzanne, aby to prozkoumala se mnou na videohovoru.
Strávili jsme čas zkoumáním samotných základů CSS Grid a to, co jsme se dozvěděli, je, že je mnohem méně děsivé začít ho používat, než kdokoli z nás čekal. Začínáme s jednoduchým příkladem a poté si projdeme vlastnosti CSS Grid, abychom zjistili, jaké další věci dokáže zpracovat, aniž by se příliš dostal do plevelů.
Zde je několik zdrojů, které jsme během našeho chatu zmínili a které stojí za odkaz na:
- Kompletní průvodce po mřížce - komplexní přehled mřížky CSS, včetně jejích vlastností a slovníku důležitých pojmů a konceptů.
- Demonstrace CodePen - Toto je jednoduchý příklad, kterým jsme začali ve videu a postupovali jsme podle toho.
- CSS Grid and Grid Highlighter - Tento nástroj byl zmíněn na konci a poskytuje způsob, jak vizualizovat rozložení Grid pomocí Firefox DevTools.