flex

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

Explanation: The shorthand property that sets the `flex-grow`, `flex-shrink` and `flex-basis` properties for a flex item. It defines how a flex item should grow, shrink and be sized within a flex container, making it key to creating responsive layouts.

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 20
  • The safari browser supports this feature starting from version 9
Availability: