/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 vote414 views3 answers
Add custom css to wordpress menu item
CSS
0 vote328 views1 answer
Style jQuery draggable clone
CSS
0 vote280 views1 answer
Css not working react
CSS
0 vote368 views1 answer
Scss select all childs
CSS
1 vote360 views1 answer
Font condensed
CSS
0 vote333 views1 answer
Css table th width
CSS
0 vote392 views1 answer
How to remove default padding of div
CSS
3 votes343 views1 answer
Css first td
CSS
0 vote369 views1 answer
Tailwind simle navbar"
CSS
0 vote389 views1 answer
Sass rainbow color background
CSS