Basic structure of a flex grid. align-items: start
Align the boxes/divs to the top along the Y axis.

1
2
3
4
5
6

Basic structure of a flex grid. align-items: center
Align the boxes/divs to the center along the Y axis.

1
2
3
4
4
5

Basic structure of a flex grid. align-items: end
Align the boxes/divs to the end along the Y axis.

1
2
3
4
5
6

Basic structure of a flex grid. align-self: start; + align-self: end;
Align the boxes independently.

1
2
3
4
5
6