/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

30 votes199 views4 answers
Bootstrap media queries
CSS
0 vote161 views1 answer
How to resize after image in css
CSS
0 vote197 views1 answer
Html css hide details arrow
CSS
0 vote172 views2 answers
Align ionic icons and text css
CSS
1 vote187 views1 answer
Css overwriting styles
CSS
0 vote171 views1 answer
List style type none still leaves room for bullet
CSS
0 vote155 views1 answer
Css animation not smooth site:stackoverflow.com
CSS
0 vote172 views2 answers
Bootstrap 4 scss angular 8
CSS
1 vote169 views1 answer
Css after not working
CSS
0 vote176 views1 answer
Css two classes in one element
CSS