/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 vote142 views1 answer
Wordpress how to change logo on a certain page with css
CSS
1 vote149 views1 answer
Css width fit to content
CSS
12 votes139 views2 answers
Can't resolve @emotion/react
CSS
2 votes154 views2 answers
Header center
CSS
0 vote154 views2 answers
Electron draggable
CSS
1 vote145 views2 answers
Show hidden message html
CSS
0 vote159 views3 answers
How to create collapsable using pure Javascript
CSS
0 vote148 views10 answers
Stack Overflow
CSS
0 vote144 views1 answer
Button not aligning right css
CSS
13 votes206 views2 answers
Bootstrap Aligning images
CSS Bootstrap