> For the complete documentation index, see [llms.txt](https://irena-popova.gitbook.io/flexbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irena-popova.gitbook.io/flexbox/order.md).

# order

### order

By default, flex items are displayed in the same order they appear in your code. But what if you want to change that? Use the order property to change the ordering of your items.

```css
.child {
  order: 0 /* default */
      or <number>
}
```

![](https://1188262252-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MShOB5olIFJqbXrreDC%2F-MT-yXw1sqXz-rfy6Iep%2F-MT0RWZScsUbHmXPpT-o%2Forder.jpeg?alt=media\&token=c9f03c5b-b463-4260-9bc4-2a150704e3f5)