Конструктор Flexbox
Меняешь параметры — превью с 5 блоками раскладывается по-разному.
скопировано
О сервисе
Визуальный конструктор Flexbox-контейнера: flex-direction, justify-content, align-items, flex-wrap, gap. Превью с 2–8 цветными блоками + готовый CSS.
Что умеет
- Все 5 основных свойств Flexbox
- Live-превью с 2–8 блоками разной высоты
- Слайдер gap
- Готовый CSS-блок для копирования
Как работает
Каждое свойство применяется к контейнеру через style-биндинг Alpine. Реальный CSS генерируется отдельно для копирования.
Пример
display: flex; justify-content: space-between; align-items: center; gap: 12px — типичный header или toolbar.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
