flex direction

1/* The direction text is laid out in a line */
2flex-direction: row;
3
4/* Like <row>, but reversed */
5flex-direction: row-reverse;
6
7/* The direction in which lines of text are stacked */
8flex-direction: column;
9
10/* Like <column>, but reversed */
11flex-direction: column-reverse;
12
13/* Global values */
14flex-direction: inherit;
15flex-direction: initial;
16flex-direction: revert;
17flex-direction: unset;
18

1.container {
2	display: flex;
3	flex-direction: column;
4}

1flex-direction: column;

1display: -webkit-box;
2display: -webkit-flex;
3display: -ms-flexbox;
4display: flex;
5-webkit-box-orient: vertical;
6-webkit-box-direction: reverse;
7-webkit-flex-direction: column-reverse;
8-ms-flex-direction: column-reverse;
9flex-direction: column-reverse;

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