Staggered display for items in CMS

Hi there,

I’m using a Webflow template that uses dynamic lists to build a photography portfolio website, and I’m trying to do certain things with the layout of the dynamic list items that I’m unfortunately getting stuck with. Any help would be much appreciated!

Here are the 2 things I’m trying to get working:

  • I’d like the image thumbnails display (items in the collection) to be staggered and of varying sizes, versus in a perfect grid layout. So what I have right now is this:
    http://kunal-jaura-photography-2739b6.webflow.io/
    whereas what I’m going for is more like this:
    http://www.ericryananderson.com/grid/sport

  • Secondly, I’d like each of these thumbnails to be a link to a larger version of the photograph; this photograph detail view would also display more information about the picture such as the name and maximum print resolution, which I’m adding as fields to each item as I add it to the dynamic data collection.

Please help!

Thanks so much,
Ruheene


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

Hi @Ruheene_Masand_Jaura

This tutorial may help you:

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