flex (shorthand) Property

merge_type
Shorthand for flex-grow, flex-shrink, and flex-basis
swap_horiz
First value: flex-grow
compress
Second value: flex-shrink
straighten
Third value: flex-basis
speed
Recommended over using individual properties
code flex Examples
.item {
  flex: 1 1 auto; /* grow, shrink, basis */
}

/* Equivalent to */
.item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
functions flex Shorthand Formula
flex: flex-grow flex-shrink flex-basis
list Common flex Values
auto
1 1 auto
none
0 0 auto
initial
0 1 auto
1
1 1 0%