Генератор CSS Flexbox
Визуальное построение flex-макетов.
Рецепты макетов (10 предустановок)
Выбранные детские настройки
Попробуйте также: Генератор CSS Grid · Генератор градиентов CSS · Генератор теней CSS Box Shadow.
Создать flex-макет визуально
Выберите рецепт или настройте элементы управления — предпросмотр обновляется. Скопируйте правило .container в свой CSS.
Вопросы и ответы
Что он генерирует?
Готовое к копированию правило flex для .container с направлением, выравниванием, переносом и gap, а также интерактивный предпросмотр с регулируемым числом дочерних элементов.
Что такое рецепты макета?
Десять пресетов в один клик: панель навигации, центрированный hero-блок, ряд карточек, каркас с боковой панелью, вертикальный стек, нижняя панель и другие шаблоны, которые разработчики используют каждый день.
Что-либо загружается?
Нет. CSS полностью создаётся в вашем браузере.
Последнее обновление: