/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 vote167 views1 answer
Css ninja
CSS
0 vote188 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
0 vote181 views1 answer
Smooth button effect css
CSS
0 vote176 views1 answer
Npm registry package not found
CSS
17 votes390 views2 answers
Linking css
CSS
8 votes226 views5 answers
Box bottom shadow css
CSS
0 vote192 views3 answers
Css keep focus color on div after click
CSS
0 vote184 views2 answers
Wpforms button style
CSS
0 vote194 views1 answer
Font intalic css
CSS
1 vote190 views1 answer
Duplicate box-shadow on element inner and outer
CSS