These boxes are styled as flex-start
These boxes are styled as flex-end
These boxes are styled as center
These boxes are styled as space-between
These boxes are styled as space-around
These boxes are styled as space-evenly
These boxes are styled as row, the default
These boxes are styled as column
These boxes are styled as row-reverse
These boxes are styled as column-reverse
Yellow
Blue
Red
I will apply the order property with a value of "1" to the red box so the boxes are in the correct order..
These boxes are styled as flex-start
These boxes are styled as flex-end
These boxes are styled as center
These boxes are styled as stretch
Box 1 is styled as flex-start, box 2 is flex-end, box 3 is center, and box 4 is stretch
This is styled as nowrap
This is styled as wrap
This is styled as wrap-reverse
This is styled as flex-start
This is styled as flex-end
This is styled as center
This is styled as space-between
This is styled as space-around