Streaming live at 10am (PST)

Webflow Masonry grid ( #Pinterest), no Custom Code required


Hi Sabanna, I know how to do that but how do I make it a grid???


In the settings panel for this div, change "Text columns" option. It is just under the text/font settings.


Sabanna, I am close but cannot figure it out. The site is ready for launch except for this! If you could explain step by step like I am a child, maybe ill get it! Thank you so much


May I see your read-only link?



Unfortunately, it is not correct link.

How to share a read-only link:

Thanks in advance! :slight_smile:





I am trying to make the masonry grid on the Israel page...


Hello, @berman_J

Here is video screencast how you can create masonry style gallery on your site:



Hey Anna

Could you please re-list this on youtube or something - I have trouble watching it as it keeps stalling and it says - this video is unlisted....



Maybe this one will work better:


Thanks <3 Thanks <3 Thanks <3 Thanks <3 Thanks <3 Thanks <3 Thanks <3 Thanks <3 Thanks <3 Thanks <3 :cupid:


You are welcome :slight_smile: :slight_smile: :slight_smile:


Hey Sabanna,

Can you display the content horizontally instead of the content displaying down the column. I did everything correct but Im doing a event listing so the order is by date and I goes down the column instead from left to right. Is there a work around for this.. Thanks girl!


Hello, Anya!

Unfortunately, with the method that I used here, it is impossible to make content build up horizontally.
You can try to use flexbox settings for creating that type of grid, but it will not look the same way.
Or you can use external jquery plugin, which allowed changing the grid way.



Ok thanks for your advices. it still is a great solutions for masonry design! =)


Hey there. I keep getting the issue where a part of my box will cut away and appear at the bottom of the next column.

Any ideas who to keep everything aligned?


Hello, @moofawsaw!

Items inside the masonry grid have setting display: inline-block. It looks like yours might have settings display: block.



@sabanna, you said that making the individual items within the masonry grid flow from left to right instead of up and down would require some jquery trick. Do you know what that trick might be? Or is there someone on the Webflow Staff who knows javascript/jquery really well and could help us with that part?

Thanks so much!


Specifically using the Masonry plugin, which has been discussed elsewhere in the forum.