Flex Items

CSS Flex Items

The flex item properties are: order, flex-grow, flex-shrink, flex-basis, flex, align-self.

order

The order property specifies the order of the flex items.

flex-grow

The flex-grow property specifies how much a flex item will grow relative to the rest of the flex items.

.item1 {
  order: 3;
  flex-grow: 1;
}