Przejdź do treści

Generator Grid CSS

Twórz układy CSS Grid z podglądem na żywo. Konfiguruj kolumny, wiersze, odstępy i szablony. Za darmo, 100% w przeglądarce.

Podgląd

Wyjście CSS
 

O CSS Grid

CSS Grid to dwuwymiarowy system układu pozwalający na jednoczesne zarządzanie wierszami i kolumnami. Idealny do złożonych układów stron.

Szablony

grid-template-columns i grid-template-rows definiują rozmiar ścieżek siatki. Użyj fr dla proporcjonalnych udziałów, auto dla automatycznego rozmiaru lub stałych jednostek.

Prywatność

Całe generowanie odbywa się w 100% w przeglądarce. Dane nie są wysyłane na serwer.