/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 vote300 views1 answer
Codemirror resizable
CSS
1 vote295 views1 answer
What port does wss use
CSS
0 vote275 views1 answer
Horizontal checkbox css
CSS
1 vote323 views1 answer
How to open emoji keyboard windows 10
CSS
0 vote285 views1 answer
How to make code continue after a transition css
CSS
-1 vote320 views1 answer
How to centralize cards in css
CSS
0 vote313 views2 answers
Tailwindcss link styling
CSS
2 votes293 views2 answers
How to put the input box and the label on top of input
CSS
0 vote302 views1 answer
For...of...loop
CSS
1 vote319 views2 answers
How to align an image left in css
CSS