/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

20 votes221 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote141 views1 answer
Change the arrow during click css
CSS
1 vote147 views2 answers
Border shorthand CSS
CSS
0 vote144 views1 answer
Abstände zwischen zeilen html
CSS
0 vote140 views2 answers
Css prevent scrolling behind overlay
CSS
0 vote142 views1 answer
Css static header on scroll
CSS
1 vote148 views1 answer
Add border to input css
CSS
0 vote173 views2 answers
Css grid reverse column order
CSS
0 vote143 views1 answer
Change color to white svg with filter
CSS
8 votes165 views2 answers
Css change image width
CSS