Re: [csswg-drafts] [css-grid-3] Designer/developer feedback on masonry layout (#10233)

I would like to echo @desandro and @DanielHeath's point that providing an alternative to classic masonry ordering that preserves the horizontal reading direction better would be great to have, especially in contexts where the order of items matters (eg news, journals,...). Unfortunately, just filling columns left-to-right can also lead to a loss in horizontal alignment, eg:

<img src="https://github.com/w3c/csswg-drafts/assets/39464304/479ff2f4-6ee8-4cbb-81fc-fc200242afaf" width="150">

I think the left-to-right ordering could be refined by allowing to put two consecutive items in the same column, as long as the new bottom border does not go below (or 'too far' below, which could be configurable) the bottom of the item to the left (or the lowest item in the columns to the left so far). This would perhaps preserve horizontal reading flow a bit better:

<img src="https://github.com/w3c/csswg-drafts/assets/39464304/28fa8824-c44f-404d-805c-e2465239598b" width="150">

And adding an option to go right-to-left, as this may be the preferred reading direction for many. 

-- 
GitHub Notification of comment by siebenbrunner
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10233#issuecomment-2072508453 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 23 April 2024 14:38:22 UTC