4 ms·

Not using `columns`, but Firefox supports pure css masonry grid behind a flag. - https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/ https://w

• unicornporn 6y ago
  > Firefox supports pure css masonry grid behind a flag. That has less support than Bieber at a black metal festival though. Here's[1] the columns (or flexbox) way of doing it. Note that images will be a bit strangely ordered (as you would read columns). That's not solvable without JS (AFAIK). That's why W3C/CSSWG is looking at possible solutions[2] that resulted in the Firefox experiment you're referencing. [1] https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/#is-vertical-order-with-ragged-bottoms-ok https://css-tricks.com/piecing-together-approaches-for-a-css... [2] https://github.com/w3c/csswg-drafts/issues/4650 https://github.com/w3c/csswg-drafts/issues/4650