/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 vote125 views1 answer
Set height to width css
CSS
2 votes117 views1 answer
Transition syntax css
CSS
0 vote130 views1 answer
Css layout tutorial
CSS
0 vote103 views1 answer
Css no wrap
CSS
0 vote112 views1 answer
Mat dialog background color
CSS
0 vote113 views1 answer
If i forked and cloned a github repo can i change the name
CSS
7 votes118 views2 answers
Max z-index value css
CSS
5 votes115 views5 answers
Disable text selection
CSS
0 vote122 views2 answers
Background image syntax in css if it in folder
CSS
13 votes120 views6 answers
Hide title bar android
CSS