CSS Grid generador

CSS Grid generador online gratis. Procesa datos al instante en tu navegador. Sin carga, sin registro, totalmente privado.

Procesamiento local

Custom template (override cols/rows)

columns: 3

rows: 2

column gap: 8px

row gap: 8px

Preview

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(40px, auto));
  column-gap: 8px;
  row-gap: 8px;
}

Cómo utilizar

Ingrese su entrada arriba. El resultado se actualiza automáticamente. Utilice el botón copiar para copiar el resultado.

Privacidad

Todo el procesamiento ocurre en su navegador. Tus datos nunca se cargan en ningún servidor.

Preguntas frecuentes

¿Es este CSS Grid generador gratis?

Sí, completamente gratis. No requiere registro.

¿Esta herramienta sube mis datos?

No. Todo el procesamiento ocurre localmente en tu navegador. Tus datos nunca abandonan tu dispositivo.

CSS Grid generador