The `order` property is a flexbox item control for changing an item’s order within a flex container. Think of it as the question to ask when an item needs to move to a different place in the arrangement. section 12.18 section 12.6
Use `order` as part of the flex-item toolkit:
- Choose it when the goal is to change an item’s order. section 12.18
- Keep it distinct from `flex-grow`, `flex-shrink`, and `flex-basis`, which address available space and item sizing instead. section 12.6
- Pair it with `align-self` only when an item also needs its own alignment override. section 12.18
item {
order: value;
}
This rule shows the property’s compact form: apply `order` to a flex item and provide a value. section 12.6
