flex-basis Property

straighten
Defines default size of a flex item before space distribution
width
Sets initial main size of flex item
settings
auto: Uses content size or width/height values
exposure_zero
0: Item starts with no size before growing
straighten
Accepts length values (px, %, em, rem)
code flex-basis Examples
.item {
  flex-basis: auto; /* Default */
}

.large-item {
  flex-basis: 200px;
}

.flexible-item {
  flex-basis: 0;
  flex-grow: 1;
}
straighten flex-basis: auto (default)
auto
auto
auto
exposure_zero flex-basis: 0
0
0
0
straighten flex-basis: specific values
200px
100px
150px