Сервисы/Визуальный CSS Flexbox Конструктор
Визуальный CSS Flexbox Конструктор
Никто не помнит флексы наизусть. Наш интерактивный симулятор поможет визуально раскидать элементы по контейнеру, сменить оси (row на flex-col), управлять ростом (flex-grow) и отступами. Готовый код копируется мышкой.
Контейнер
Элементы (3)
Item 1
Item 2
Item 3
Viewport:
1
2
3
CSS
.container {
display: flex;
gap: 8px;
}