Det føles som om CSS Grid har kommet i lang tid nå, men akkurat nå ser det ut til å nå et punkt der folk snakker mer og mer om det, og at det blir noe vi bør lære. Jeg begynte å lese noen få innlegg og leke med syntaksen de siste par ukene, men ba kollegaen CSS-Trickster Miriam Suzanne om å titte gjennom den med meg på et video-hangout.
Vi brukte tiden vår på å pusse på det grunnleggende i CSS Grid, og det vi lærte er at det er mye mindre skummelt å begynne å bruke det enn noen av oss forventet. Vi begynner med et enkelt eksempel og nudler oss gjennom CSS Grid-egenskapene for å lære hvilke andre ting den kan håndtere uten å komme for langt i ugresset.
Her er noen ressurser vi nevnte under chatten vår som er verdt å koble til:
- En komplett guide til rutenett - En omfattende oversikt over CSS Grid, inkludert dens egenskaper og en ordliste med viktige termer og konsepter.
- CodePen Demo - Dette er det enkle eksemplet som vi startet med i videoen og avanserte mens vi gikk.
- CSS Grid and Grid Highlighter - Dette verktøyet ble nevnt mot slutten, og det gir en måte å visualisere rutenettoppsettet ved hjelp av Firefox DevTools.