📐

Генератор CSS Grid

Визуальный конструктор макета CSS Grid. Настройте столбцы, строки, отступы и выравнивание. Скопируйте сгенерированный код.

Пресеты:

Столбцы

Строки

Column Gap

Row Gap

messages.column_sizes

messages.row_sizes

messages.alignment

Col Start

Col End

Row Start

Row End

Label

× px

Тема

Цвет

Фон

Рамка

Цвет рамки

Радиус углов

Показать FreeWebTools Разрешить полноэкранный режим Компактный режим Включить анимации Прозрачный фон

👁️ Предпросмотр

💡 Совет по интеграции

Скопируйте код для вставки и вставьте его в HTML вашего сайта. Адаптивная версия автоматически подстраивается под все размеры экрана.

Оцените этот инструмент

✓

Больше нет инструментов