Чем отличается flex-wrap от flex-direction в flex контейнерах?

Flex-wrap и flex-direction отличаются функциями в управлении расположением элементов во flex-контейнере. 14

Flex-direction определяет направление главной оси, вдоль которой укладываются flex-элементы. 12 Некоторые значения свойства:

• row (значение по умолчанию) — элементы располагаются по горизонтали слева направо. 15
• row-reverse — элементы располагаются по горизонтали справа налево. 15
• column — элементы располагаются по вертикали сверху вниз. 15
• column-reverse — элементы располагаются по вертикали снизу вверх. 15

Flex-wrap, в свою очередь, управляет переносом элементов, которые не помещаются в контейнер. 3 Некоторые значения свойства:

• nowrap (значение по умолчанию) — вложенные элементы располагаются в один ряд (при direction=row) или в одну колонку (при direction=column) независимо от того, помещаются они в контейнер или нет. 3
• wrap — включает перенос элементов на следующий ряд, если они не помещаются в контейнер. 3
• wrap-reverse — то же, что wrap, только перенос будет не вниз, а вверх (в обратном направлении). 3