/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

-1 vote114 views1 answer
Select box arrow hide css in ie
CSS
68 votes112 views5 answers
Jquery css
CSS
13 votes156 views6 answers
Tailwind center vertically
CSS
0 vote130 views1 answer
How to extend selector
CSS
0 vote117 views1 answer
Twig convert encoding
CSS
1 vote109 views1 answer
Twig block
CSS
4 votes116 views1 answer
How to make image not repeat on background
CSS
0 vote113 views1 answer
Css hover change more than one element
CSS
0 vote122 views1 answer
How to package tailwindcss for deployment
CSS
0 vote134 views1 answer
Getting two scroll bars
CSS