Flex item

The direct children of a Flex Container (elements with display: flex or display: inline-flex set on them) become flex items.

Continuous runs of text inside flex containers will also become flex items.

See also

Property reference

• align-self
• flex-basis
• flex-grow
• flex-shrink
• order

Further reading

• Basic concepts of flexbox
• Ordering flex items
• Controlling ratios of flex items along the main axis