/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

29 votes262 views6 answers
Background size in css
CSS
1 vote234 views1 answer
Chrome button black white border
CSS
43 votes222 views6 answers
Nth-child in css
CSS
65 votes266 views3 answers
Css variables
CSS
4 votes229 views4 answers
Css max lines
CSS
1 vote240 views2 answers
Styles only for IE
CSS
0 vote238 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
19 votes261 views4 answers
Scss react
CSS
1 vote237 views3 answers
Css profile picture round
CSS
0 vote256 views1 answer
Change color to white svg with filter
CSS