Volver al espacio de trabajo

Constructor de Grid CSS

Define visualmente columnas, filas, extensiones y espacios para generar código grid.

Contenedor

Elemento seleccionado:

Extensión de columna
Extensión de fila
Salida CSS
.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 16px;
}