flex direction column code example

Example 1: display flex column

.container {
	display: flex;
	flex-direction: column;
}

Example 2: css invert columns

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;

Example 3: flex-direction column reverse

This is a Column-Reverse

  A
  B
  C

This is a Row-Reverse

  A
  B
  C

Tags:

Misc Example

Related