`order` is a CSS property for choosing a flex item’s ordering position inside its flex container. Think of it as a tiny “line up over here” instruction for one item, without changing the container’s other layout choices. section 12.4 section 12.7
Use it on the flex item you want to reposition. The property takes a value, and different values produce different item orders. section 12.4
item {
order: value;
}
The basic declaration places an `order` value on an item. section 12.4
See the order change
Compare flex items with different `order` values to see how their displayed positions change within the same container. section 12.4
REMEMBER
- `order` changes an item’s position among flex items. section 12.7
- It is one of several item-level Flexbox controls, alongside sizing and individual alignment. section 12.4
