Релевантные источники: - developer.mozilla.org -> [flex-direction](https://developer.mozilla.org/ru/docs/Web/CSS/flex-direction) > Данное свойство прописывается [[flex container и flex items|flex-контейнеру]] CSS-свойство `flex-direction` указывает, как [[flex container и flex items|flex-элементы]] располагаются во [[flex container и flex items|flex-контейнере]] по главной оси и направлению (обычном или обратном) ### Значения свойства 1. **row**: (значение по умолчанию) Элементы располагаются в строку (ряд), слева направо. 2. **row-reverse**: Элементы располагаются в строку (ряд), справа налево. 3. **column**: Элементы располагаются в колонку, сверху вниз. 4. **column-reverse**: Элементы располагаются в колонку, снизу вверх. ### Синтаксис ```css .parent { flex-direction: row; } ``` ### Интерактивная визуализация <iframe src="https://interactive-examples.mdn.mozilla.net/pages/css/flex-direction.html" width="100%" height="380"></iframe>