/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 vote116 views1 answer
Text area resize css
CSS
39 votes128 views2 answers
Css to increase font size
CSS
3 votes122 views2 answers
Css transition all
CSS
190 votes267 views6 answers
How to use css in html
CSS
0 vote263 views2 answers
Html select image background arrow
CSS
0 vote138 views1 answer
Christmas red color code
CSS
0 vote138 views1 answer
Change parent div css on over of child
CSS
0 vote127 views1 answer
Align grid items with end
CSS
1 vote136 views5 answers
Ease in out
CSS
2 votes132 views1 answer
Css text black outline
CSS