Acerca del curso
En este curso aprenderemos a utilizar el nuevo módulo de CSS llamado Grid, conoceremos los conceptos y realizaremos ejemplos de las propiedades grid-container, grid-line, grid-cells, entre otras.
Lista de Clases
-
Clase 1: Introducción
- 1.- Introducción
-
Clase 2: Conceptos básicos
- 1.- ¿Qué es Grid CSS?
- 2.- Terminología
- 3.- Soporte de navegadores
-
Clase 3: Propiedades Grid
- 1.- Grid container
- 2.- grid-template-columns y grid-template-rows
- 3.- Fr unit y repeat function
- 4.- Grid lines
- 5.- grid-template-areas
- 6.- grid-template
- 7.- grid-gap
- 8.- grid-column y grid-row
- 9.- grid-area
- 10.- grid-auto-columns, grid-auto-rows y grid-auto-flow
- 11.- grid
-
Clase 4: Conclusiones
- 1.- Flexbox vs Grid
- 2.- Conclusión
Proyecto del curso
