/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 vote206 views5 answers
Css fr meaning
CSS
8 votes219 views1 answer
Css wordwrap
CSS
2 votes225 views1 answer
Css resize image without distortion
CSS
11 votes441 views2 answers
How to remove up and down arrows from input type number
CSS
63 votes230 views6 answers
Text shadow
CSS
0 vote250 views1 answer
Css contour
CSS
1 vote265 views1 answer
Symfony version check
CSS
0 vote218 views1 answer
Inexorably
CSS
0 vote256 views1 answer
Taille texte css
CSS
0 vote192 views1 answer
Html.css.js
CSS