Streaming live at 10am (PST)

Cards getting cut off in masonry grid

I’m trying to create a masonry grid, and am using the columns to do it.
But, the cards inside the grid are getting cut-off from the top and bottom.


Here is my site Read-Only: Webflow - StoaHQ

This is the expected behavior of text when using CSS Columns. For your requirements you would need to use a masonry JavaScript solution.

Thanks.
For text it makes sense, but it works fine for images so figured it would treat the div block also as a single entity like an image, and not break it like text.

Guess I’ll go with the JS way.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.