CSS Grid sablongenerátor

Hozzon létre egy CSS Grid nyilatkozatot egyenlő oszlopok, automatikus sorok és egy rés.

Grafika Adatok tárolása nélkül

Rövid útmutató

Próbálj ki egy példát

Ezt adod meg

Oszlopok
3
Szöveg
2
Gap (px)
16

Ezt kapod

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Hogyan működik és korlátok

Válassza ki a 24 oszlopokat és sorokat. Helyezze be az eredményt a CSS szabályba a rácstartályára.