Dynamic list layout on blog homepage

I have a blog and have laid out the homepage with a dynamic list. I want it to display a range of portrait and landscape images that then have the title of the post and the subtitle beneath. Then I want the next columns beneath it fill in randomly.

This I have achieved for the first line as you can see here, there being a fourth post under the third, landscape photo post – http://i.imgur.com/u6IwDVk.png

However, when I scroll down, the next two posts are not directly beneath the first two (as seen here – http://i.imgur.com/qmrEaF9.png)

How can I rectify this so that it all runs together smoothly?

Many thanks in advance


Here is my public share link: LINK
(how to access public share link)

Hello @georgeparcel

You will have to use masonry grid for this images. It is possible by using jQuesry plugin or by using CSS columns feature ( Webflow Masonry grid ( #Pinterest), no Custom Code required - Webflow Tips - Forum | Webflow)

Regards,
Anna

Thanks so much for this!

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