learning$css

flex-basis

PrevNext
Term side of the Card
Topic: Flexboxes
Unit title: flex-basis
Categories: Property
Explanation side of the Card

Explanation: The property that sets the initial main size of a flex item before it's adjusted by `flex-grow` or `flex-shrink` properties. It determines the base size of an item within a flexbox layout, allowing for control over how space is distributed among items.

Browser compatibility:
  • The chrome browser supports this feature starting from version 29
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 22
  • The safari browser supports this feature starting from version 9
Availability: