/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

1 vote234 views1 answer
How to validate mail adress css
CSS
3 votes238 views1 answer
Watch scss to css
CSS
0 vote258 views2 answers
How to remove text style on td in angularjs
CSS
20 votes202 views5 answers
Background color transparent opacity css
CSS
0 vote251 views2 answers
Css hover affect other item
CSS
0 vote230 views1 answer
Alternative for lodash omit in javascript
CSS
0 vote221 views1 answer
Css 16 9 ratio
CSS
0 vote231 views1 answer
Hover media query
CSS
0 vote247 views1 answer
Css display table row gap
CSS
0 vote234 views2 answers
Mask image css
CSS