/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 vote198 views1 answer
Css nth child range
CSS
2 votes207 views1 answer
Give transition on box shadow
CSS
36 votes194 views2 answers
Css translate x and y
CSS
44 votes386 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote237 views1 answer
Transform: scale time anpassen
CSS
0 vote205 views1 answer
Colored button link scss generator
CSS
0 vote218 views1 answer
Material icons after css
CSS
0 vote195 views1 answer
Css code for increasing size
CSS
1 vote191 views1 answer
Css auto heigh div
CSS
0 vote345 views1 answer
Css center table on page
CSS