/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 vote187 views1 answer
Simple font-face mixin scss
CSS
44 votes138 views6 answers
How to center a div element
CSS
0 vote146 views1 answer
Javafx css rectangle outline
CSS
0 vote147 views1 answer
Allfont cdn
CSS
0 vote277 views1 answer
Side nav bar in materialize css
CSS Materialize
1 vote153 views1 answer
Css color of input
CSS
0 vote146 views1 answer
Css transition only once
CSS
0 vote207 views1 answer
Définir le nombre minimum de mots sur les publications WordPress
CSS
7 votes162 views6 answers
Font style css
CSS
7 votes152 views2 answers
Remove blue border on a input
CSS