Генератор шаблонів CSS Grid

Створіть декларацію CSS Grid з рівними стовпцями, автоматичними рядками та зазором.

Графіка Без збереження даних

Коротка інструкція

Спробуйте приклад

Введіть

Стовпи
3
Рядки
2
Розрив (px)
16

Отримаєте

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Як це працює і межі

Виберіть до 24 стовпців і рядків. Вставте результат у правило CSS для контейнера сітки.