I’ve been trying to figure out how to get my grid cells to make a masonry type layout, where the cells only use up the minimum vertical space they need. Right now the cells are taking up the same amount of space as the longest cell in its row. Basically, how can I make them always sit the vertical gap width away from the cell above it?
Hello @threeoten,
Thanks for writing in! Regretfully the CSS property grid-template-columns: masonry is not yet fully supported by most modern browser:
You may need to find another alternative to create a fully responsive and browser-compatible Masonry layout.
Thank you for your understanding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.