/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

4 votes204 views4 answers
Css max lines
CSS
0 vote154 views3 answers
Css how to make 2d animations at once
CSS
10 votes213 views2 answers
Css list items next to each other
CSS
36 votes179 views6 answers
Gradient text
CSS
1 vote204 views1 answer
Css line break width
CSS
0 vote197 views2 answers
Html5 vs css3
CSS
1 vote290 views2 answers
Block elements css
CSS
0 vote199 views1 answer
How mto change the label font style in css
CSS
1 vote204 views2 answers
Onclick url
CSS
0 vote174 views1 answer
How to give a background color strip in html and css
CSS