UTILS.
100% w przeglądarce

Generator CSS Grid

Wygeneruj układ CSS grid z regulowanymi kolumnami, wierszami i odstępem, z żywym podglądem.

O tym narzędziu

Ustaw liczbę kolumn i wierszy oraz odstęp, aby zbudować siatkę CSS i skopiować kod, w całości w Twojej przeglądarce.

Najczęściej zadawane pytania

Jak ustalany jest rozmiar ścieżek?
Kolumny i wiersze używają repeat() z 1fr, dzięki czemu równo dzielą dostępną przestrzeń.
Czym jest kontrolka odstępu?
Ustawia odstęp siatki w pikselach między każdą komórką, stosowany na żywo do podglądu.

Więcej narzędzi