Flex Basis

flex-basis

  • Controls the initial size of an element, before it is manipulated by other Flexbox properties

  • It can be a length (e.g. pixels, percentages, etc) or auto

  • Values for flex-basis will take precedent over the values of width or height (in the case of flex-direction: column)

.item {
  flex-basis: <length> | auto; /* default auto */
}