/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 vote406 views1 answer
Not focus css
CSS
0 vote302 views2 answers
Svg as background css
CSS
1 vote308 views1 answer
Code changes to Hostgator not being reflected
CSS
0 vote333 views1 answer
How to make any word italic in html and css
CSS
6 votes340 views2 answers
Image orientation css
CSS
10 votes300 views1 answer
Css when click select another class
CSS
1 vote320 views1 answer
Load css file flask
CSS
0 vote320 views1 answer
IE support stackover flow css
CSS
0 vote322 views1 answer
How to draw hex colun in html css
CSS
86 votes293 views6 answers
Css all caps
CSS