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