Как поменять направление Flex

Чтобы изменить направление элементов во Flexbox, используйте свойство flex-direction. Оно принимает следующие значения:

• row (по умолчанию) — слева направо
• row-reverse — справа налево
• column — сверху вниз
• column-reverse — снизу вверх

Пример:

.container {
  display: flex;
  flex-direction: row-reverse; /* Элементы идут справа налево */
}

Важно: row-reverse и column-reverse меняют только визуальный порядок, но не логический (в DOM порядок остаётся прежним). Это может повлиять на доступность и навигацию с клавиатуры.