/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

6 votes351 views1 answer
All text in caps using css
CSS
0 vote328 views1 answer
Input on Internet explore has close icon
CSS
2 votes352 views1 answer
Change font size in textarea html
CSS
4 votes321 views3 answers
Glowing text css
CSS
25 votes330 views4 answers
Css inline hover
CSS
17 votes324 views1 answer
Calc sass variables
CSS
0 vote345 views1 answer
Closing modal on iframe movies still running
CSS
0 vote317 views1 answer
Css detect if input has value
CSS
6 votes336 views4 answers
Tailwind css npm
CSS
32 votes358 views6 answers
Css font face
CSS