Generátor rozvržení CSS Grid

Vytvořit CSS Grid prohlášení se stejnými sloupce, automatické řádky a mezera.

Grafika Bez ukládání dat

Stručný návod

Vyzkoušejte příklad

Zadejte

Sloupce
3
Řádky
2
Gap (px)
16

Dostanete

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Jak funguje a omezuje se

Vyberte si až 24 sloupce a řádky. Vložte výsledek do pravidla CSS pro váš kontejner na mřížku.