Generator układów CSS Grid

Utwórz deklarację siatki CSS o równych kolumnach, automatycznych wierszach i przerwie.

Grafika Bez zapisywania danych

Krótka instrukcja

Wypróbuj przykład

Wprowadź

Kolumny
3
Wiersze
2
Odstęp (px)
16

Otrzymasz

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Jak to działa i ogranicza

Wybierz do kolumn i wierszy 24. Wklej wynik do reguły CSS dla pojemnika na siatkę.