Parece que CSS Grid ha estado apareciendo durante mucho tiempo, pero ahora parece estar llegando a un punto en el que la gente habla cada vez más sobre ello y que se está convirtiendo en algo que deberíamos aprender. Comencé a leer algunas publicaciones y a jugar con la sintaxis las últimas dos semanas, pero le pedí a mi compañera CSS-Trickster Miriam Suzanne que lo asimilara conmigo en un video hangout.
Pasamos nuestro tiempo analizando los conceptos básicos de CSS Grid y lo que aprendimos es que es mucho menos aterrador comenzar a usarlo de lo que cualquiera de nosotros esperaba. Comenzamos con un ejemplo simple y luego nos abrimos paso a través de las propiedades de CSS Grid para aprender qué otras cosas es capaz de manejar sin llegar demasiado lejos en la maleza.
Aquí hay algunos recursos que mencionamos durante nuestro chat a los que vale la pena vincular:
- Una guía completa de Grid: una descripción general completa de CSS Grid, incluidas sus propiedades y un glosario de términos y conceptos importantes.
- Demostración de CodePen: este es el ejemplo simple con el que comenzamos en el video y avanzamos a medida que avanzamos.
- CSS Grid y Grid Highlighter: esta herramienta se mencionó hacia el final y proporciona una forma de visualizar el diseño de la cuadrícula utilizando Firefox DevTools.