How do you stop items from overflowing onto the next column of a masonry grid?

Design help General
1

Hi, how do you stop items from overflowing onto the next column of a masonry grid?

Project:
https://preview.webflow.com/preview/offset-collective?utm_medium=preview_link&utm_source=designer&utm_content=offset-collective&preview=f0d837bb437bd55f3e4aaef088ae8bba&pageId=6246c474644a892496fb8170&workflow=preview

2

I’m not sure which one you are talking about in here.

3

Hi @abirana, it’s where the ‘DROP DATE X KURUPT FM’ project is coming on the next column.

Screenshot 2022-07-11 at 08.32.35
Screenshot 2022-07-11 at 08.32.35770×111 51.7 KB

4

I see that the layout system you used is using columns, which is best for texts but still it is best if the height of all the elements are equal, since heights of the elements are not equal, you are getting that cut off part on another column.

I’d really recommend to use other styling like grid or flex. But if you really want to use columns, make sure each elements has same height.

5

Ok thanks il try and set it up using flex