Конструктор CSS Grid і Flexbox
Проєктуйте адаптивні макети Grid і Flexbox із живим переглядом та CSS, готовим до копіювання.
Наведіть вказівник на поле або виберіть його, щоб побачити довідку. Натисніть Escape, щоб закрити.
Як це працює
Вставте вміст або перегляньте приклад. Виберіть налаштування, запустіть інструмент, потім скопіюйте або завантажте результат.
Практичний приклад
Макет
Layout
Поширені запитання
Чи надсилається мій текст на сервер?
Ні. Вміст обробляється в цьому браузері. Він не надсилається на сервер і не зберігається.
Що варто знати про інструмент «Конструктор CSS Grid і Flexbox»?
Перегляд використовує нумеровані блоки. Створений CSS містить правила макета; адаптуйте селектори й точки переходу до своєї сторінки.