Streaming live at 10am (PST)

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

hi @sabanna

trying to achieve the masonry grid (3 columns) with dynamic content for my project but somehow it gets stuck at 2 columns. can you help?

here is the readonly link


I understand the Masonry layout, on the web, is when items of an uneven size are laid out … CSS grid is very amazing and useful in a CSS developer’s everyday life, but it’s … Links in comments (at least in preview) look great on hover.
please click on this link: [broaching tools]

Hi, @Nitesh_Pathak!

From what I see on your project, you applied column settings to the CONTAINER.
Instead, you need to apply it to the app-collection-list, the parent that contains all your dynamic items. Then you will be able to correctly adjust all the settings.


Thanks, @sabanna it worked, alternatively, I also found out the number of items in the collection was only 5. as soon as I added one more to the collection it was divided equally among 3 columns.

Thanks again