wrap-reverse on flexbox?

Can you write me benefit of using this?

That’s used so that when the width of the screen becomes too small and the items wrpa, the column order is reversed. You cannot achieve the same thing by setting the column order on mobile view, since the “mobile” CSS kicks in at a fixed device width, and not necessarily when the columns wrap. I’ve tried that and confirmed it’s the case. This is why the wrap-reverse option is implemented in browsers.

for this we have row-reverse and column-reverse

because wrap-reverse works another, it reverses each line separately and I have no idea when this can be useful

by the way, we have also option to enable custom order for child where you have visual drag and drop

closing as I didn’t get response, but you can reopen

Very sorry, I’ve been really busy lately and didn’t have time to properly look into your response. However, I believe your suggestion doesn’t solve my problem since setting row-reverse or column-reverse in general reverses the order in any layout. Setting row-reverse or column-reverse in mobile only, is equivalent to setting the column order in mobile only. But my problem remains that the “mobile” setting doesn’t kick in until the viewport width reaches a certain fixed width, and not when the viewport width is smaller than the content which is when wrapping happens. For example if I have two columns of 400px width, when the browser will wrap them into rows when the browser window is less than 800px, but the mobile-specific CSS takes effect at let’s say 700px width. I hope that makes sense.

Ok, but wrap reverse will also be mobile by breakpoint. Anyway, ok, it’s not hard to add, will be added in update

Thank you, looking forward to the update! I don’t believe the behaviour is as you describe (fixed width breakpoint). I manually tested it by adding wrap-reverse with custom CSS and resizing the browser window. wrap-reverse triggered as soon as there was a need to wrap (which was content width specific), whereas mobile-specific settings in Greenshift are triggered later, at a fixed but smaller viewport width.