Генератор Grid CSS
Создавайте CSS Grid-макеты с предпросмотром в реальном времени. Настраивайте столбцы, строки, отступы и шаблоны. Бесплатно, 100% в браузере.
Предпросмотр
CSS-код
Справка
О CSS Grid
CSS Grid — двумерная система компоновки для одновременного управления строками и столбцами. Идеально подходит для сложных макетов страниц.
Шаблоны
grid-template-columns и grid-template-rows определяют размер дорожек сетки. Используйте fr для пропорциональных долей, auto для автоматического размера или фиксированные единицы.
Конфиденциальность
Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.