Powrót do obszaru roboczego

Kreator CSS Grid

Wizualnie definiuj kolumny, wiersze, rozpiętości i odstępy, aby generować kod siatki.

Kontener

Wybrany element:

Rozpiętość kolumn
Rozpiętość wierszy
Wynik CSS
.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 16px;
}