Re: Explicit wrap order -- feature request

On Thu, Nov 2, 2017, at 04:27 AM, Ariel Balter wrote:
> Never posted to W3C before. Hopefully this is the right place.
> 
> I propose a css attribute 'wrap-order' that would specify the order in 
> which items are to wrap. This is a typical issue faced in responsive 
> design (which item is going to drop as the viewport shrinks), and the 
> wonderful thing about flexbox is that it gives declarative ways to solve 
> simple, typical problems. Centering is the perfect example.
> 
> I wanted to create a page layout with three columns where the left-most 
> column would wrap down first. This is what I had to do:

It seems to me that CSS Grid would resolve your problem here.

You can use different grid template pairing with media queries for this.
See
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas
for some introduction.

- Xidorn

Received on Thursday, 2 November 2017 08:00:10 UTC