Flex items are all direct child elements of a flex container. They automatically become flex items.
Without order property, all the child elements will be pushed into first come first serve basis.
With order property, we can define the order of the child elements.
We can individually target the child elements using the order property.
The child elements are placed in the visual order as pre the integer we provide in order property, lowest values first.
If we pass same integer number for more than one item, then the elements are laid out as per source order.
Example
child elements flex flexbox order sorting