/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

3 votes203 views2 answers
Set css to default
CSS
1 vote184 views1 answer
Transform orgin css
CSS
0 vote187 views1 answer
Acf wysiwyg height
CSS
0 vote178 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
8 votes192 views2 answers
CSS make image fill whole background
CSS
0 vote235 views1 answer
In a form how to remove the input outerline color or shadow
CSS
2 votes176 views5 answers
Figma
CSS
0 vote202 views1 answer
Elementsone after other css
CSS
0 vote188 views2 answers
Color changes in safari css
CSS
1 vote234 views3 answers
How to add link click script in url
CSS