Grid Layout es una tecnica de css que nos permite posicionar elementos de una manera mas compleja, nos permite desarrollar diseños de manera más simple y más adaptable.

Propiedades

• Display: grid;

Habilita display grid en un contenedor de nuestra web.

• Column-gap: 50px;

Crea un gap entre las columnas del grid.

• Row-gap: 50px;

Crea un gap entre las filas del grid.

• Grid-template-columns: repeat(4, auto);

Crea 4 colunmas grid con la resolución que indiques.

• Grid-template-rows: repeat(4, auto);

Crea 4 filas grid con la resolución que le indiques.