FlexBox

The flex property is a shorthand property for

flex-grow
flex-shrink
flex-basis

The flex-basis property specifies the initial length of a flexible item.

The flex-direction property specifies the direction of the flexible items.

The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.

The flex-wrap property specifies whether the flexible items should wrap or not.

The flex property sets or returns the length of the item, relative to the rest of the flexible items inside the same container.

The flex property is a shorthand for the flexGrow, flexShrink, and the flexBasis properties

The justify-content property aligns the flexible container's items when the items do not use all available space on the main-axis.

The order property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.