Chapter 3
Fluid Layouts and Responsive Images
Section 6
Alignment
The important thing to understand with Flexbox alignment is the concept of axes. There are two axes to consider: the main axis and the cross axis. What each of these represents depends upon the direction of the Flexbox. For example, if the direction of your Flexbox is set to row, the main axis will be the horizontal axis and the cross axis will be the vertical axis. Conversely, if your Flexbox direction is set to column, the main axis will be the vertical axis and the cross axis will be the horizontal one. This video covers: - Flexbox Alignment Properties - Demo on Basic Markup - Demo on Using align-items - Demo on Using align-self - Possible Alignment Values