/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 vote153 views1 answer
Como fazer uma linha vertical no html
CSS
0 vote155 views1 answer
Box shadow 2 sides only Clip path
CSS
6 votes189 views4 answers
Change input border color when selected
CSS
0 vote152 views4 answers
Background image stretch to fill
CSS
0 vote148 views1 answer
Easiest way to invert css to dark mode
CSS
0 vote174 views1 answer
Prevent child margin from moving parent css
CSS
11 votes149 views1 answer
Css not class
CSS
0 vote159 views5 answers
Style
CSS
0 vote147 views2 answers
Remove button shadow css
CSS
49 votes160 views6 answers
Min and max width media query
CSS