/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

3 votes103 views1 answer
Trash icon favicon
CSS
1 vote111 views1 answer
Change text color li css
CSS
0 vote109 views1 answer
Wordpress template load CSS
CSS
0 vote114 views1 answer
How to package tailwindcss for deployment
CSS
0 vote90 views1 answer
Advanced custom fields cpt options pages
CSS
-1 vote115 views2 answers
Css make border rotate around element
CSS
0 vote129 views1 answer
Keeping text to be in one line
CSS
145 votes177 views6 answers
Import bootstrap in react
CSS
2 votes123 views1 answer
Journalctl last 100 lines
CSS
0 vote114 views1 answer
Break table for printing
CSS