/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 vote158 views1 answer
1rem in px
CSS
2 votes171 views2 answers
Link to css html
CSS
1 vote174 views1 answer
Add alpha value to css color variable
CSS
11 votes159 views3 answers
Css ellipsis max width
CSS
0 vote154 views1 answer
Get element in list ocaml
CSS
3 votes212 views2 answers
How to get rid of underline for links in css
CSS
1 vote169 views1 answer
Css selector start with
CSS
0 vote198 views1 answer
Bootstrap-scss github
CSS Bootstrap
4 votes145 views1 answer
Linear gradient instagram
CSS
2 votes174 views1 answer
How to set font max width in css
CSS