Generator de șabloane CSS Grid

Creați o declarație CSS Grid cu coloane egale, rânduri automate și un decalaj.

Grafică Fără stocarea datelor

Ghid rapid

Încearcă un exemplu

Introdu

Coloane
3
Rânduri
2
Spațiu (px)
16

Obții

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Cum funcţionează şi limite

Alegeți până la coloane și rânduri 24. Lipiţi rezultatul în regula CSS pentru containerul dvs. grilă.