Convertidor gratuït

Quadrícula CSS Generador de maquetació

Genereu visualment dissenys de quadrícula CSS amb vista prèvia en directe. Ajusteu les columnes de la plantilla de la quadrícula, les files, el buit, els elements de justificació, els elements d'alineació i molt més: gratuïts i del costat del client.

Vista prèvia en directe
1
2
3
4
5
6
Columnes (repeat(3, 1fr))
Files (repeat(2, 1fr))
buit de columna (12px)
0px16px32px
interval de fila (12px)
0px16px32px
justificar-elements
alinear elements
Sortida CSS
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 12px;
  justify-items: stretch;
  align-items: stretch;
}

.item {
  padding: 1rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

Sobre aquesta eina

Creeu i personalitzeu contingut amb el Css Grid Generator directament al vostre navegador. Configureu les vostres preferències, genereu la sortida i descarregueu o copieu el resultat. Tot funciona al costat del client: les vostres dades es mantenen privades i el processament és instantani.

Com utilitzar-la

  1. Configureu els paràmetres i les opcions segons els vostres requisits.
  2. Feu clic a Genera per crear la vostra sortida.
  3. Previsualitzeu el resultat i feu els ajustos si cal.
  4. Baixeu el fitxer de sortida o copieu-lo al porta-retalls.

Preguntes freqüents

Puc personalitzar la sortida generada?
Sí. L'eina ofereix diverses opcions de personalització per adaptar la sortida a les vostres necessitats específiques. Ajusta la configuració abans de generar o regenera amb diferents opcions.
El contingut generat és d'ús gratuït?
Sí. Tot el que genereu amb aquesta eina és vostre per utilitzar-lo amb finalitats personals, educatives o comercials sense cap restricció ni requisit d'atribució.
Això requereix un compte?
No. L'eina està a punt per utilitzar-se immediatament sense registrar-se, sense correu electrònic i sense registre. Només has d'obrir la pàgina i començar a generar.
Les meves dades d'entrada es mantenen privades?
Sí. Tot el processament es fa al vostre navegador. Les vostres dades d'entrada i la sortida generada mai s'envien a cap servidor extern.