Se pare că CSS Grid vine de mult timp, dar chiar acum pare să ajungă la un punct în care oamenii vorbesc din ce în ce mai mult despre asta și că devine ceva ce ar trebui să învățăm. Am început să citesc câteva postări și să mă joc cu sintaxa în ultimele două săptămâni, dar am rugat-o pe colega mea, CSS-Trickster, Miriam Suzanne, să o caute cu mine pe un hangout video.
Ne-am petrecut timpul analizând elementele de bază ale CSS Grid și ceea ce am învățat este că este mult mai puțin înfricoșător să începem să îl folosim decât ne așteptam oricare dintre noi. Începem cu un exemplu simplu și apoi ne întoarcem prin proprietățile CSS Grid pentru a afla ce alte lucruri este capabil să manipuleze fără a ajunge prea departe în buruieni.
Iată câteva resurse pe care le-am menționat în timpul chat-ului nostru la care merită conectate:
- Un ghid complet pentru rețea - O prezentare cuprinzătoare a rețelei CSS, inclusiv proprietățile sale și un glosar de termeni și concepte importante.
- Demo CodePen - Acesta este exemplul simplu cu care am început în videoclip și am avansat pe măsură ce mergeam.
- CSS Grid și Grid Highlighter - Acest instrument a fost menționat spre sfârșit și oferă o modalitate de a vizualiza aspectul Grid folosind Firefox DevTools.