Order is a neat way to define more exact ordering of how child elements of a flex container display.
To assign order you use the order:
CSS property on a given flex item. Doing this on one item if there are multiple with throw things out of wack a bit because you need to define order for all child flex items for this to behave properly.
Order is only respected if a container is of course displaying flex.
.flex-item {
order: 3; /* default is 0 */
}
CodePen
New to HTML + CSS? Check out my new course Hello HTML & CSS
Hello HTML + CSS is a course designed to help you learn HTML & CSS from scratch.
Top comments (0)