handleman
9/3/2015 - 10:05 AM

This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wra

This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept. Think of flex items as primarily laying out either in horizontal rows or vertical columns.

.container {
  flex-direction: row | row-reverse | column | column-reverse;
}