🛠️ToolsShed

Generador CSS Grid

Genera layouts CSS Grid con vista previa en tiempo real. Configura columnas, filas, espacios y alineación — copia CSS listo para usar.

Vista previa en vivo

1
2
3
4
5
6

CSS generado

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

Preguntas Frecuentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.