возьмем значение flex-wrap по умолчанию nowrap:
Row
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
Row-reverse
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
Column
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
Column-reverse
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
установке значения wrap во flex-контейнере добавляются дополнительные ряды для помещения всех элементов в контейнере. Так, изменим значение свойства flex-wrap в контейнере:
Row
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
Row-reverse
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
Column
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5
Column-reverse
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
Flex Item 5