flex

Last Updated: March 29, 2022

This is the shorthand for flex-growflex-shrink and flex-basis combined.

This flex property is used to set the flexible length on flex items.

Syntax

.item {
  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}

Default value isĀ 0 1 auto

Test