¿Qué es CSS Grid?

Es una especificación de CSS que nació por la necesidad de hacer layouts mucho más básicos.

CSS Grid introdujo un sistema de grilla que es una cuadricula. Lo que hacemos es usar los ejes y espacios para ubicar elementos.

Conceptos para comenzar

Contenedor: Es el elemento que se va a convertir en una grilla.

Item: Son los elementos que están dentro del contenedor y todos se convertirán en grid-items.

Líneas: Son los elementos que limitan o dividen las filas y columnas de una grilla.

Celda: Es la unidad mínima que nosotros podemos tener dentro de una grilla y está delimitada por 4 líneas y solo ocupa una fila y una columna.

Grupos de Celdas:

Propiedades del contenedor

Algunas son: