On a l'impression que CSS Grid arrive depuis longtemps maintenant, mais il semble en ce moment atteindre un point où les gens en parlent de plus en plus et que cela devient quelque chose que nous devrions apprendre. J'ai commencé à lire quelques articles et à jouer avec la syntaxe au cours des deux dernières semaines, mais j'ai demandé à ma collègue CSS-Trickster Miriam Suzanne de la parcourir avec moi dans un hangout vidéo.
Nous avons passé notre temps à fouiller dans les bases de CSS Grid et ce que nous avons appris, c'est qu'il est beaucoup moins effrayant de commencer à l'utiliser que nous ne le pensions. Nous commençons par un exemple simple, puis parcourons les propriétés CSS Grid pour savoir quelles autres choses il est capable de gérer sans aller trop loin dans les mauvaises herbes.
Voici quelques ressources que nous avons mentionnées lors de notre discussion qui méritent d'être liées:
- Un guide complet de Grid - Un aperçu complet de CSS Grid, y compris ses propriétés et un glossaire des termes et concepts importants.
- CodePen Demo - Ceci est l'exemple simple avec lequel nous avons commencé dans la vidéo et avancé au fur et à mesure.
- CSS Grid and Grid Highlighter - Cet outil a été mentionné vers la fin et il fournit un moyen de visualiser la disposition de la grille à l'aide de Firefox DevTools.