Basic structure of a flex grid. flex-wrap: nowrap;
The nowrap setting tells the divs not to break into new lines. This way, the elements automatically resize when the available space decreases.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Basic structure of a flex grid. flex-wrap: wrap;
The wrap property allows elements to break into new lines, preserving the initial dimensions of the divs.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Basic structure of a flex grid. flex-wrap: wrap; + justify-content: flex-end

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15