/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

15 votes262 views3 answers
Put an border around an text in css
CSS
8 votes225 views2 answers
Background image no repeat fill
CSS
1 vote219 views1 answer
Mat stepper custom css
CSS
3 votes203 views1 answer
Remove default style from links css
CSS
72 votes227 views6 answers
Flexbox css
CSS
2 votes215 views5 answers
Css disable input
CSS
0 vote213 views2 answers
How to select elements from a parrent element css
CSS
1 vote250 views1 answer
Linux remove files except
CSS
0 vote225 views1 answer
Height current -3px css
CSS
0 vote220 views2 answers
Create fish alias
CSS