Вернуться в рабочую область

Конструктор CSS Grid

Визуально настраивайте столбцы, строки и интервалы для генерации кода сетки.

Контейнер

Выбранный элемент:

Охват столбцов
Охват строк
Результат CSS
.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 16px;
}