/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 vote197 views5 answers
Boostrap css
CSS Bootstrap
74 votes228 views6 answers
Flex box
CSS
71 votes166 views17 answers
Box -shadow
CSS
0 vote210 views1 answer
Remove all input style'ing
CSS
48 votes211 views3 answers
Custom scrollbar
CSS
1 vote212 views1 answer
What is the username password for ftp lampp
CSS
34 votes237 views1 answer
Css middle and center align div
CSS
-1 vote250 views1 answer
Html css image slider
CSS
116 votes249 views6 answers
@media screen and (max-width
CSS
17 votes207 views1 answer
Css flex center horizontally and vertically
CSS