/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

3 votes216 views3 answers
How to change paragraph text color to orange - css
CSS
0 vote201 views1 answer
How to make text disappear after a certain length css
CSS
47 votes218 views6 answers
Text-overflow ellipsis css
CSS
0 vote230 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
0 vote218 views1 answer
Css borrar
CSS
0 vote198 views1 answer
Overwrite theme css in parent css
CSS
10 votes190 views6 answers
Css hover change another element
CSS
54 votes233 views8 answers
Media query
CSS
0 vote238 views2 answers
Désactiver le hotlinking de vos images
CSS
1 vote206 views1 answer
Add alpha value to css color variable
CSS