Zdá sa, že CSS Grid prichádza už dlho, ale zdá sa, že práve teraz dosahuje bod, keď o ňom ľudia čoraz viac hovoria a že sa z neho stáva niečo, čo by sme sa mali naučiť. Za posledných pár týždňov som začal čítať niekoľko príspevkov a hrať sa so syntaxou, ale požiadal som svoju kolegyňu CSS-Tricksterku Miriam Suzanne, aby to so mnou prešla cez videohovor.
Trávili sme čas skúmaním úplných základov CSS Grid a dozvedeli sme sa, že je oveľa menej strašidelné ich začať používať, ako sme ktokoľvek z nás očakávali. Začneme jednoduchým príkladom a potom sa pretlačíme vlastnosťami mriežky CSS, aby sme sa dozvedeli, aké ďalšie veci dokáže zvládnuť bez toho, aby sme sa príliš dostali do buriny.
Tu je niekoľko zdrojov, ktoré sme spomenuli počas nášho chatu a na ktoré sa oplatí odkazovať:
- Kompletný sprievodca po sieti - Komplexný prehľad o sieti CSS, vrátane jej vlastností a slovníka dôležitých pojmov a konceptov.
- Demonštrácia CodePen - Toto je jednoduchý príklad, s ktorým sme začali vo videu a pokročili ďalej.
- CSS Grid and Grid Highlighter - Tento nástroj bol spomenutý na konci a poskytuje spôsob vizualizácie rozloženia Grid pomocou aplikácie Firefox DevTools.