Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-grid-3] For masonry, clarify interactions between fragmenting and alignment (per fragment, not just track) #7146

Open
jonjohnjohnson opened this issue Mar 16, 2022 · 0 comments
Labels
css-grid-3 Masonry Layout

Comments

@jonjohnjohnson
Copy link

https://drafts.csswg.org/css-grid-3/#tracks-alignment
https://drafts.csswg.org/css-grid-3/#pagination

For masonry layout, if fragmented, can align-tracks be leveraged as much as possible within individual fragments instead of only per track within the first fragment? As I play with @MatsPalmgren demos linked in #4650 (comment) I realize align-tracks becomes less useful/intuitive once fragmented and honestly something I'd describe as "broken" (even within the first fragment) when using values such as center/end/space-around/space-evenly/stretch.

I know a major caveat is that individual grid items can also be fragmented, splitting their rendering across multiple fragments (ie not setting break-inside:avoid), leaving values such as or stretch or space-around difficult to imagine applying.

@Loirooriol Loirooriol added the css-grid-3 Masonry Layout label Sep 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-grid-3 Masonry Layout
Projects
None yet
Development

No branches or pull requests

2 participants