@kizu We had to use JS for the upcoming redesign of custom fields on Mastodon profiles. The design spec defined wrapping items to be sized based on their (user-generated) content, but to have their widths rounded up to "snap to" even column edges. The first half of that is easy to achieve using flexbox, the latter half seemingly impossible (including with grid) if you can't manually assign classes that determine how many columns an item can span.

@diondiondion yeah, that's a tricky one! I think the closest we could get to it is with something like `calc-size()` (only in Chrome for now) — https://codepen.io/kizu/pen/EagXbav — but even then items don’t know about the nearby element’s sizes, and flex-grow works _after_ the calc-size calculation, so there could be gaps present.

@kizu Ah, that's epic, thank you! I was hoping that the `round` function could help with this, need to look more into `calc-size`. Once this is more widely supported, it should make for a much better baseline to enhance it with JS from, to fill any gaps.