/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 vote159 views1 answer
Css cursor finger
CSS
2 votes164 views1 answer
Sass class with another class
CSS
1 vote226 views1 answer
Css spread children horizontally
CSS
3 votes168 views1 answer
Font family comic sans ms
CSS
0 vote173 views1 answer
Css background image svg not showing
CSS
1 vote175 views1 answer
Rotate text css
CSS
21 votes1K views3 answers
How to create a circle with css
CSS
17 votes164 views4 answers
Css center element on screen
CSS
-1 vote161 views1 answer
Css disable scroll mobile
CSS
0 vote372 views1 answer
Get into a Docker container bash
CSS