/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

25 votes193 views4 answers
Visibility
CSS
1 vote224 views1 answer
How to remove image using css
CSS
1 vote204 views1 answer
Duplicate box-shadow on element inner and outer
CSS
15 votes169 views2 answers
Custom selection color css
CSS
0 vote190 views2 answers
Add profile picture to a form in html and css
CSS
0 vote146 views1 answer
How to move bullet in css
CSS
156 votes266 views6 answers
Center a div css
CSS
165 votes232 views6 answers
Box shadow inset
CSS
72 votes185 views6 answers
Flexbox css
CSS
1 vote311 views1 answer
Css light grey
CSS