Dynamic Modal Messing With Collection List

Hi,

I’ve started a new project called Vol Biv List, for adventure paragliding pilots.

https://volbivlist.webflow.io/

I recently updated so that my location collection list cards don’t open a new tab to Windy, but instead display a modal with a loaded Iframe.

Since deploying, though, the Collection cards load really strange and progressively get smaller.

Here’s what things should look like.

And after clicking the featured wrapper, this should happen.

https://preview.webflow.com/preview/volbivlist?utm_medium=preview_link&utm_source=designer&utm_content=volbivlist&preview=effea28e71d3d99e486f881d636f0675&mode=preview

Anyone see what’s happening?

Best


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

Hi,

in your case you should use a CSS grid to arrange your “sites”.

Best,
Matthias

Good point, Matt. Thanks.

That said, after fixing the grid… it seems my Dynamic Modal also messed up the styling, so had to remove the modal for now.

Hi Matt,

Thanks again for the help!

I’ve setup the responsive grid and tested all working correctly.

However, when deploying the collection list item model, despite the preview mode working correctly, the live site seems to bundle all the collection items into the first grid block…

See screen shot.

Any ideas how to fix this?

Thanks in advance.

I can’t see your published site, but maybe you have to set a “width” to your items.