Este repositorio contiene los archivos del curso de CSS Grid que aprendí siguiendo el tutorial de YouTube del YouTuber JonMircha. Puedes encontrar su canal aquí.
- [Conceptos Básicos]
- [Grid Explícita]
- [Grid con Nombres de Línea]
- [Grid con Áreas]
- [Grid Implícita]
- [Flujo de la Grid]
- [Flujo Denso de la Grid]
- [Grid Items en Capas (superposición)]
- [Ordenamiento de Grid Items]
- [Alineamiento de Grid Items]
- [Alineamiento de Grid Tracks]
- [Tamaños Máximos y Mínimos de Grid Tracks]
- [Grid con Patrones Repetitivos]
- [Grids Dinámicas]
- [Responsive sin Media Queries]
- [Grids Anidados]
- [Subgrids]
- [Grid Layout con Líneas]
- [Grid Layout con Áreas]
Además, he aplicado lo que aprendí en el curso en un proyecto personal inspirado en el diseño del usuario Vincent Humeau en Codepen. Esta página web fue diseñada completamente utilizando CSS Grid y es completamente responsiva. Puedes ver una vista previa del proyecto que hice a continuación:
Puedes encontrar el layout de Vincent Humeau aquí.
CSS Grid es una poderosa herramienta para el diseño de sitios web. Permite crear diseños complejos de manera más sencilla y eficiente. Al aprender CSS Grid, puedes mejorar tus habilidades de diseño y hacer que tus sitios web sean más atractivos y funcionales.
¡Añade CSS Grid a tu conjunto de habilidades y lleva tus proyectos web al siguiente nivel!
Happy Coding! 😊🚀