Michel Ventura
FullStack JavaScript Developer
CSS Grid Layouts
¿Que resuelve CSS Grid?
A diferencia de Flexbox que solo funciona en una dimensión, es decir, que puedes acomodar items de forma horizontal o vertical, con grid puedes crear layouts más complejos. Grid no sustituye flexbox, más bien, funcionan muy bien en conjunción.
Grid & Flexbox
CSS Grid Terminología
Grid item
Cada elemento dentro de un grid
container.
Grid lines
Están definidas por números que inician desde el primer borde.
1
2
3
4
5
6
1
3
2
4
5
6
Ejemplo de términos básicos con CSS Grid
CSS Grid
By Michel Ventura
CSS Grid
CSS Grid Layouts
