Problem Statement
How does the `order` property affect flex item layout?
Explanation
The `order` property determines the visual order of a flex item relative to its siblings. Items with lower order values appear first. You can change layout order without altering HTML. The default `order` is 0. Negative or positive values shift placement. Example: `.item { order: -1; }` moves it to the front. :contentReference[oaicite:10]{index=10}
Code Solution
SolutionRead Only
.item-1 { order: 2; } .item-2 { order: 1; }