¿Que es CSS Grid Layout?

Es un sistema de rejilla para la maquetación web, no es un framework o una librería, es una adición al lenguaje que nos permite distribuir contenido de forma eficiente.

¡ Como definir el Display en Grid !

Este se le asigna al elemento Padre.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f9201778-bba9-4576-8e7c-7c9d723e6571/grid1.jpg

Grid Item

Son los hijos directos del contenedor con display Grid.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e6bdb195-57f4-45d3-902d-03dc5de04feb/grid2.jpg

Dentro de Grid tenemos 4 conceptos importantes a conocer, los cuales son:

Grid Line: