Flex Shorthand

flex shorthand

  • allows developers to specify a flex-item’s flex-grow, flex-shrink and flex-basis all at the same time

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