/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 vote215 views1 answer
Rendre une div scrollable
CSS
0 vote212 views1 answer
Position an icon in relation a parent element
CSS
5 votes176 views2 answers
Animate left to right css
CSS
0 vote207 views1 answer
Materialisecss
CSS
0 vote214 views1 answer
Numpy not installling
CSS
4 votes188 views3 answers
Webkit
CSS
0 vote194 views1 answer
Flex direction tailwind
CSS
21 votes196 views6 answers
Gradient image css
CSS
0 vote187 views1 answer
How to use css on a react icon
CSS
1 vote191 views1 answer
Right-align in vbox
CSS