/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

0 vote333 views1 answer
Justify-self
CSS
0 vote327 views1 answer
Subtracting css
CSS
0 vote284 views1 answer
Jquery if css property is
CSS
6 votes320 views5 answers
Remove line from a href css
CSS
0 vote300 views1 answer
Image css in box
CSS
0 vote307 views1 answer
Color transition time css
CSS
1 vote245 views1 answer
Outside padding css
CSS
18 votes402 views6 answers
Install bootstrap angular 9
CSS
0 vote298 views1 answer
Border collapse makes outset not work
CSS
2 votes291 views1 answer
Css last character
CSS