[csswg-drafts] [css-grid] support normal flow in the block axis and grid lines in inline axis (#13499)

johannesodland has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid] support normal flow in the block axis and grid lines in inline axis ==
In article layouts, some content might require separate horizontal alignment from the primary text column. This can be breakout images, pull quotes and more. Historically, this has been solved with negative margins With CSS Grid new techniques for breaking out content gained popularity as described [in this post by Rachel Andrews](https://rachelandrew.co.uk/archives/2017/06/01/breaking-out-with-css-grid-explained/).

By switching to grid layout though, the content is no longer laid out using normal flow, you no longer have floats and margins no longer collapse. 

**It would be useful if it was possible to lay content out using normal flow in the block axis, but align to grid lines in the inline axis.**

This use case, and the existing issues, was described in an article on the future syntax of masonry by Jen Simmons and Elika Etemad in the chapter [A possible future feature](https://webkit.org/blog/16026/css-masonry-syntax/#:~:text=A%20possible%20future%20feature).

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13499 using your GitHub account


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

Received on Sunday, 15 February 2026 12:49:20 UTC