Генератор CSS Grid
Визуальный генератор CSS Grid с предпросмотром. Интерактивно проектируйте сеточные макеты.
Часто задаваемые вопросы
Что такое CSS Grid?
CSS Grid — это двумерная система компоновки для создания сложных макетов со строками и столбцами.
Как настроить столбцы и строки?
Используйте поля ввода столбцов и строк. Можно использовать px, fr или проценты.
Что такое свойство gap?
Свойство gap задаёт расстояние между элементами сетки. Можно задать отдельные значения для row-gap и column-gap.
Можно ли создавать именованные области сетки?
Этот генератор сосредоточен на базовой структуре. Для именованных областей расширьте сгенерированный CSS вручную.
