/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 vote384 views2 answers
Add profile picture to a form in html and css
CSS
2 votes369 views1 answer
Css no bottom ouline
CSS
2 votes360 views1 answer
Css click effect
CSS
0 vote402 views1 answer
Input checkbox size css
CSS
164 votes451 views6 answers
Css bold
CSS
0 vote401 views2 answers
Button with background image and text html css
CSS
0 vote369 views1 answer
Function for style your theme wordpress php
CSS
0 vote371 views2 answers
How to add an image to a label in css
CSS
0 vote360 views1 answer
Css 2 div cote à cote
CSS
3 votes329 views1 answer
Smooth scroll to anchor
CSS