Display: flex

A CSS display property that specifies a flexbox layout. Flex containers arrange their children (items inside them) horizontally or vertically. You can customize how the direct children stack, when they wrap, and how they are aligned and justified within the flex container. The flex child settings allow you to override the flex container settings for alignment and justification. They also allow you to change the sizing and order of the selected flex child.

‍