Re: [csswg-drafts] [css-grid-3] Make align-self/justify-self align including adjacent extra space (#10275)

> They could use align-self: start on enough items to fill the first row, and use align-self: end on the rest of the items to get this result.

Ooh tho, this case does look pretty good, but isn't addressed by using `align-content` as I suggest. But it still hits the same issues I mentioned, where if the later picture (of the hallway/stairwell) wasn't alone in its stack, but rather was one of three or more images between the two spanners, having just the bottom one be end-aligned would look odd. It also means you have to guess at the number of tracks you'll get, which isn't generally safe since we think auto-fill masonrys will be common.

This might argue, then, for a masonry-specific alignment property, which can distinguish between stacks which are touching spanners on only one side, and those actually wedged between spanners on both sides.

An additional plus of that approach is we can then keep `align-content` consistent with Grid, where it aligns the masonry stack as a whole, and `align-self` consistent with all the layout modes, where it does nothing because you can't align individual elements when they're laid out in a group like that.

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


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

Received on Wednesday, 8 May 2024 17:20:01 UTC