What problem does this address?
A common trend on sites today is a flowing, spacious masonry gallery, often with some images overlapping:
@kjellr tried to make this kind of pattern (with overlapping images) work in Twenty Twenty-One with the gallery block, but we ended up having to scrap it and instead use columns. This solution worked for the theme but overall wasn't great because it meant you couldn't just upload a bunch of images and have the block intelligently arrange them for you. It also lacks the sophisticated reflow we'd get on mobile if we were able to use a CSS Grid-based gallery.
What is your proposed solution?
I'm wondering if it would be possible to make a unique block, separate from Gallery, to handle the necessary HTML structure to create a kind of flowing, overlapping masonry gallery like this. I think it would be a strong show of good design from WordPress core. Maybe something we could explore?
What problem does this address?
A common trend on sites today is a flowing, spacious masonry gallery, often with some images overlapping:
@kjellr tried to make this kind of pattern (with overlapping images) work in Twenty Twenty-One with the gallery block, but we ended up having to scrap it and instead use columns. This solution worked for the theme but overall wasn't great because it meant you couldn't just upload a bunch of images and have the block intelligently arrange them for you. It also lacks the sophisticated reflow we'd get on mobile if we were able to use a CSS Grid-based gallery.
What is your proposed solution?
I'm wondering if it would be possible to make a unique block, separate from Gallery, to handle the necessary HTML structure to create a kind of flowing, overlapping masonry gallery like this. I think it would be a strong show of good design from WordPress core. Maybe something we could explore?