/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 vote235 views1 answer
Align icon center div
CSS
1 vote226 views1 answer
Top 10 customers odoo
CSS
0 vote243 views1 answer
White border css
CSS
0 vote225 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
0 vote260 views1 answer
Html display text in alternating coloured panels
CSS
0 vote226 views1 answer
Smooth button effect css
CSS
0 vote244 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
0 vote240 views3 answers
Detect system dark mode
CSS
3 votes224 views1 answer
Background image css django
CSS
2 votes242 views1 answer
Css tricks transition
CSS