Генератор CSS Grid
Визуально создавайте CSS Grid-макеты. Задайте строки, столбцы, отступы и скопируйте готовый CSS и HTML-код. Поддерживаются единицы fr, px и auto.
CSS
Возможности
Row/column setup
Drag to resize
Cell merging
Gap control
Generate CSS + HTML
Как использовать
1. Задайте количество строк и столбцов.
2. Настройте высоту строк и ширину столбцов (fr, px, auto).
3. Задайте отступы сетки (grid gap).
4. Скопируйте сгенерированный CSS и HTML.
Часто задаваемые вопросы
What is CSS Grid?
CSS Grid is a two-dimensional layout system for creating complex grid-based layouts with rows and columns.
Похожие инструменты
Генератор CSS box-shadow
Визуально создавайте CSS-свойство box-shadow с помощью ползунков. Просматривайте...
Генератор CSS-градиентов
Создавайте линейные, радиальные и конические CSS-градиенты визуально. Добавляйте...
Генератор CSS border-radius
Визуально настройте CSS border-radius — управляйте всеми четырьмя углами по отде...
CSS Flexbox-песочница
Изучайте и экспериментируйте с CSS Flexbox. Настраивайте свойства контейнера и н...