Tundub, et CSS Grid on juba pikka aega tulnud, kuid tundub, et see on just nüüd jõudmas punkti, kus inimesed räägivad sellest üha enam ja et see on saamas midagi, mida peaksime õppima. Hakkasin paar viimast nädalat lugema mõnda postitust ja mängima süntaksiga, kuid palusin oma kaaslasel CSS-Trickster Miriam Suzanneil seda koos minuga video-hangoutis läbi käia.
Veetsime oma aega CSS Gridi põhitõdesid torkides ja mida me õppisime, on seda kasutama hakata palju vähem hirmutav, kui kumbki meist ootas. Alustame lihtsa näitega ja nuudeldame CSS Grid'i omaduste kaudu, et teada saada, milliseid muid asju see suudab toime tulla, ilma et umbrohi liiga kaugele jõuaks.
Siin on mõned vestluse käigus mainitud ressursid, millele tasub linkida:
- Ruudustiku täielik juhend - põhjalik ülevaade CSS Gridist, sealhulgas selle omadused ning oluliste terminite ja mõistete sõnastik.
- CodePeni demo - see on lihtne näide, millest me videost alustasime ja mida edasi arenesime.
- CSS Grid ja Grid Highlighter - seda tööriista mainiti lõpupoole ja see annab võimaluse võrgu paigutuse visualiseerimiseks Firefox DevToolsi abil.