/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

5 votes263 views1 answer
Safari only CSS hack
CSS
0 vote274 views2 answers
Generate random grid in css
CSS
0 vote263 views2 answers
Css text truncate 2 lines
CSS
0 vote248 views1 answer
Keyframe fade down css
CSS
5 votes322 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote274 views1 answer
How to solve your coading bugs
CSS
0 vote258 views1 answer
All Stylesheet Media Types
CSS
0 vote265 views1 answer
Css pseudo-class no children
CSS
2 votes321 views1 answer
Contenteditable new line
CSS
0 vote296 views1 answer
Why margin is not working on label css
CSS