После установки flex свойства (контейнера) каждый дочерний элемент автоматически становится flex-элементом, выстраиваясь в один ряд (вдоль главной оси).
A
flex-direction: row-reverse
1
2
3
flex-direction: column-reverse
1
2 order(5)
3
flex-wrap: wrap
1
2
3
4
5
6
flex, flex-grow
1
2
3
4
5
6
flex, flex-shrink
1
2
3
4
5
6
justify-content:space-around
1
2
3
4
5
6
justify-content
1
2
3
4
5
6
align-items
1
2
3 end
4
5
6
align-content
1
2
3
4
5
6
6
7
8
9
10
11
12
13
14
15
align-content
1
2
3
4
5
6
6
7
8
9
10
11
12
13
14
15