QuickBase
← Ferramentas

Design & Cor

Testador de CSS Grid

Ajuste colunas, linhas, espaçamento e alinhamento num grid ao vivo, e copie o CSS gerado.

1
2
3
4
5
6
7
CSS gerado
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 12px;
  justify-items: stretch;
  align-items: stretch;
}

Todo o preview e o código são gerados no seu navegador.