/CSS/You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?

You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?

Flex change order

.box {
  display: flex;
  flex-direction: row;
}
.box :nth-child(1) { order: 2; }
.box :nth-child(2) { order: 3; }
.box :nth-child(3) { order: 1; }
.box :nth-child(4) { order: 4; }
.box :nth-child(5) { order: 5; }

You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?

flex-direction:row-reverse

Similar codes

9 votes144 views5 answers
How to make a triangle in css
CSS
0 vote141 views1 answer
Disable text higlighting
CSS
37 votes141 views4 answers
Css circle border
CSS
0 vote152 views1 answer
Css buchstaben auseinander weite
CSS
1 vote131 views1 answer
Inline input form css
CSS
2 votes142 views1 answer
Make object not selectable javascript
CSS
0 vote130 views1 answer
How to make img cover parent div
CSS
0 vote141 views1 answer
Flexbox froggy
CSS
1 vote138 views1 answer
Scroll start from bottom css
CSS
3 votes144 views1 answer
Top left right bottom css shorthand
CSS