/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

2 votes143 views1 answer
Css div overlay div
CSS
0 vote147 views1 answer
Use PurifyCSS with hugo
CSS
0 vote153 views1 answer
Horizontal rule plus text
CSS
43 votes136 views6 answers
Css font color
CSS
0 vote154 views1 answer
How to set initial state after first time in formik
CSS
111 votes177 views6 answers
Media query css
CSS
58 votes170 views6 answers
How to remove underline from link
CSS
0 vote152 views1 answer
Css box shadow right and down
CSS
0 vote136 views1 answer
French bakery northgate
CSS
0 vote144 views1 answer
My customized css export chrome dev
CSS