La propiedad
grid-template-columns define el número de columnas en el diseño de su cuadrícula y puede definir el ancho
de cada columna.
El valor es una lista separada por espacios, donde cada valor define la longitud de la columna.
También pueden definirse las dimensiones de las filas, con la propiedad
grid-template-rows
Código de ejemplo:
Como podemos ver, es una manera sencilla de organizar nuestra página, ahorrándonos muchísimo tiempo creando contenedores y posicionandolos uno a uno, con este sencillo código, podemos dar dimensiones a nuestras celdas (columnas y filas) tomando la organización deseada.