/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 vote312 views4 answers
Width in css
CSS
1 vote292 views1 answer
How to use rgba in css
CSS
0 vote306 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
158 votes373 views5 answers
Css background image with url
CSS
0 vote304 views1 answer
How to package tailwindcss for deployment
CSS
0 vote305 views1 answer
Htaccess file extension
CSS
0 vote350 views2 answers
Css slick js load slider jump
CSS
0 vote312 views1 answer
How to add css to alt attribute text
CSS
47 votes309 views6 answers
Css nth child
CSS
-1 vote355 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap