Flex
flex é um novo valor adicionado à propriedade display. Junto com o inline-flex, este valor faz com que o elemento aplicado seja um flex container, e seus filhos se transformem então em flex item.Os itens então farão parte de um layout flex, e todas as propriedades definidas no CSS Flexbox poderão ser aplicadas.
A propriedade flex é um atalho para as propriedades flexboxflex-grow, flex-shrink e flex-basis.
Além disso, <flex> pode ser também uma unidade flexível em um CSS Grid Layout.
Veja mais
Referências
Leitura complementar
- CSS Flexible Box Layout Module Level 1 Specification
- CSS Flexbox Guide: Basic Concepts of Flexbox
- CSS Flexbox Guide: Relationship of flexbox to other layout methods
- CSS Flexbox Guide: Aligning items in a flex container
- CSS Flexbox Guide: Ordering flex items
- CSS Flexbox Guide: Controlling Ratios of flex items along the main axis
- CSS Flexbox Guide: Mastering wrapping of flex items
- CSS Flexbox Guide: Typical use cases of flexbox