📁
FlexBox
  • Introduction
  • Flex Container & Flex Items
  • Immediate Child
  • Flexbox Axes
  • The FlexBox Model
  • Parent Property
  • Display
  • Block & Inline properties
  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content [row]
  • justify-content [column]
  • align-items[row]
  • align-items [column]
  • align-content
  • Child Properties
  • order
  • flex-grow
  • flex-shrink
  • flex-basis vs width
  • flex-grow-calculation
  • flex
  • align-self
  • margins
Powered by GitBook
On this page

Was this helpful?

order

PreviousChild PropertiesNextflex-grow

Last updated 4 years ago

Was this helpful?

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.

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