/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 vote143 views1 answer
Css make all text center
CSS
3 votes170 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote115 views1 answer
How to remove underline from list item in html
CSS
0 vote129 views1 answer
Chai assert
CSS
1 vote119 views1 answer
Two classes css modules
CSS
-1 vote182 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
28 votes150 views3 answers
Box shadow to make border bottom
CSS
0 vote145 views1 answer
Css box-shadow over other elements
CSS
3 votes130 views3 answers
Svg animation css
CSS
20 votes127 views2 answers
Bootstrap screen sizes
CSS