/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 vote326 views1 answer
Installer scss projet wordpress
CSS
0 vote323 views1 answer
Cd cover dimensions
CSS
0 vote341 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
0 vote308 views1 answer
Horizontal scroll only css mobile
CSS
0 vote344 views1 answer
.quform-sub-label
CSS
0 vote340 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
0 vote322 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
33 votes388 views4 answers
How to change paragraph text color to Red css
CSS
90 votes335 views6 answers
Center text
CSS
0 vote365 views1 answer
Menu always center css
CSS