Ejemplo de Display: Grid

Descripción

El valor grid para la propiedad display convierte un contenedor en un contenedor de cuadrícula (grid container) y sus elementos hijos en elementos de cuadrícula (grid items). Esto permite una disposición bidimensional de los elementos, proporcionando una gran flexibilidad y control sobre la alineación y distribución del espacio dentro del contenedor. Cuantos más autos tiene mayor cantidad de columnasgrid-template-columns: auto auto auto auto auto; en este caso va a tener 5 columnas

Ejemplo

Elemento 1
Elemento 2
Elemento 3
Elemento 4
Elemento 5
Elemento 6
Elemento 7
Elemento 8
Elemento 9
Elemento 10
Elemento 11
Elemento 12