align-content

Note: This property only takes effect on multi-line flexible containers, where flex-wrap is set to either wrap or wrap-reverse). A single-line flexible container (i.e. where flex-wrap is set to its default value, no-wrap) will not reflect align-content. 

A Complete Guide to Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

align-content:flex-start

1
2
3
4
5
6
7
8
9
10

align-content:flex-end

1
2
3
4
5
6
7
8
9
10

align-content:center

1
2
3
4
5
6
7
8
9
10

align-content:stretch

1
2
3
4
5
6
7
8
9
10

align-content:space-between

1
2
3
4
5
6
7
8
9
10

align-content:space-around

1
2
3
4
5
6
7
8
9
10

align-content:space-evenly

1
2
3
4
5
6
7
8
9
10