Order

In this lesson, we will look at the order property that helps us re-align the order of a specific flex item.

We'll cover the following

Ordering flex-items

Similar to the z-index property that orders absolutely positioned elements that are stacked on top of each other, we can also order Flexbox items.

The default value of the order property is 0. If we specify a positive or a negative order, we can change the location of a Flex item relative to other items.

For example: suppose we have an elevator. Change the order property in the below window to experiment with the order property.

Get hands-on with 1200+ tech skills courses.