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