В каких направлениях одновременно может работать Flex

Flex-контейнер может работать в двух направлениях одновременно: основное (main axis) и поперечное (cross axis).

• Main axis определяется flex-direction (row, row-reverse, column, column-reverse).
• Cross axis перпендикулярен main axis.

Пример:

.container {
  display: flex;
  flex-direction: row; /* main axis → горизонталь */
  justify-content: center; /* выравнивание по main axis */
  align-items: center; /* выравнивание по cross axis (вертикаль) */
}

Таким образом, justify-content и align-items управляют разными осями одновременно.