1.- Display grid

1
2
3

grid template column

1
2
3
4
5
6

grid template rows

1
2
3
4
5
6

4.- sapn

1
2
3
4
5
6

5.- grid Shorthand

1
2
3
4
5
6

6.- Grid Autoflow

1
2
3
4
5
6

7.- Grid Autoflow

1
2
3
4
5
6

8.- Grid gap

1
2
3
4
5
6

9.- Grid areas

Header
nav
main
sidebar
footer

10.- Grid template

Header
nav
principal
main
sidebar
footer

11.- alineacion Grid

1
2
3
4
5
6

12.-Grid Autofill y autofit

1
2
3