/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

51 votes286 views6 answers
Css nth-child
CSS
19 votes303 views2 answers
How to underline font in css
CSS
2 votes293 views2 answers
Css heading background line
CSS
0 vote270 views1 answer
Remove contact form 7 css
CSS
1 vote280 views1 answer
Mysqli check if delete was successful
CSS
0 vote291 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
6 votes293 views2 answers
Remove button default border css
CSS
1 vote265 views1 answer
Css show newlines
CSS
0 vote298 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS
2 votes279 views1 answer
Last second css
CSS