
There are also responsive variations for align-content. Choose from start, end, center, space-between, space-around, space-evenly or stretch (browser default). This by default will modify the wrapped flexbox content across the y-axis but is reversed when using flex-direction: column, modifying the x-axis. The align-content flex setting can be changed using the flex align-content classes. There are also responsive variations for order. Choose from start, end, center, baseline, or stretch (browser default).

This by default will modify the flexbox items on the y-axis but is reversed when using flex-direction: column, modifying the x-axis.

The align-items flex setting can be changed using the flex align classes.

There are also responsive variations for justify-content.
