/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

66 votes148 views6 answers
Center an image
CSS
3 votes127 views2 answers
How to zoom iin by default in html page
CSS
-2 votes139 views1 answer
Media queries iphone 11
CSS
0 vote126 views1 answer
Wordpress how to change logo on a certain page with css
CSS
0 vote140 views1 answer
Disable line breaking html span
CSS
2 votes155 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote131 views1 answer
Tag name css doesn't work
CSS
11 votes154 views1 answer
Wrap none css
CSS
1 vote150 views1 answer
Apply color tint to image
CSS
0 vote132 views1 answer
Html css tilt text
CSS