Generador de quadrícules CSS Grid

Genera una quadrícula CSS amb columnes iguals, files automàtiques i separació.

Gràfics Sense emmagatzematge

Guia ràpida

Prova un exemple

Introdueix

Columnes
3
Files
2
Separació (px)
16

Obtens

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Funcionament i límits

Tria fins a 24 columnes i files. Enganxa les declaracions a la regla CSS del contenidor.