/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 vote343 views1 answer
Css for vertical height
CSS
0 vote364 views1 answer
Css apply style to direct children
CSS
16 votes390 views4 answers
CSS Font-Family
CSS
2 votes357 views1 answer
Css area not selectable
CSS
0 vote342 views1 answer
Secltor for parent li css
CSS
80 votes355 views6 answers
Css favicon
CSS
4 votes327 views2 answers
Bootstrap Image thumbnails
CSS
0 vote361 views1 answer
Comment changer liens quand survolé html
CSS
9 votes354 views1 answer
Html static background
CSS
0 vote418 views1 answer
Css file path
CSS