/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 vote187 views2 answers
Optional changing n
CSS
0 vote196 views1 answer
Bootstrap popover style width
CSS
0 vote211 views1 answer
Css prevent text wrap
CSS
0 vote179 views1 answer
Como tirar a sidebar css
CSS
67 votes208 views6 answers
Center absolute
CSS
20 votes208 views3 answers
Text overflow ellipsis two lines
CSS
0 vote188 views1 answer
React how to wrap
CSS
0 vote212 views1 answer
Bottom gradient
CSS
0 vote225 views1 answer
Css psedou content data
CSS
14 votes189 views2 answers
How to add css in flask app
CSS