/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 vote265 views1 answer
Css for chrome only
CSS
0 vote268 views1 answer
Maximum length for input box
CSS
4 votes255 views1 answer
Linear gradient instagram
CSS
2 votes277 views1 answer
Vh vs vw css
CSS
0 vote277 views1 answer
Override vuetify container width
CSS
0 vote264 views1 answer
Tailwind @apply
CSS
0 vote275 views1 answer
How to package tailwindcss for deployment
CSS
1 vote276 views1 answer
Rotate favicon css
CSS
-1 vote260 views1 answer
Asp.net set css class in code behind
CSS
4 votes263 views2 answers
How to make fonts respnsive
CSS