CMS Card Grid Alignment Issues

Hi all,

I was hoping that someone could tell me where I am going off track here. I created a simple grid using a collection list. Got my cards set to the size I want, 24% of the parent wrapper with wrap on, everything should work fine. But…

With this new layout change that they made, I believe that it’s messing everything up.

As you see in the link below, the center row of blocks is stretching as they should. The top row is flush right and not stretching to the left and the bottom row is flush left and not stretching to the right, when the cards wrap.

If someone could help me out on what I am doing wrong, it would be appreciated.

Thank you

I’ve also included a screenshot of my settings along with the read-only link below.

https://preview.webflow.com/preview/stottsvilleinn?utm_medium=preview_link&utm_source=designer&utm_content=stottsvilleinn&preview=a769321ab33e9404d72fbb652dbd5fbf&pageId=663736eb17e82b002b5f3ec9&locale=en&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

“Hello,
I have thoroughly investigated and found the issue. Basically, for collections that we want to customize using grid or flex structures, we should not specify the layout in the layout settings for the collection itself. We typically use the ‘full width’ option for layout settings. The only thing you need to do is to go to the settings of your collection and select the ‘full width’ option for the layout.”

zafremedia

1 Like

hi @HazeDesign I am just adding screenshot in case you are not familiar with WF UI.

1 Like

Thank you so much for this… simple solution… I appreciate you taking the time to investigate this.

1 Like

Stan thank you for the screenshot and for taking the time to look into this… much appreciated.

1 Like