Streaming live at 10am (PST)

CMS masonry grids

Is there a way to make uneven grids using the CMS?

image

When the cms is involved it seems like all Collection Items have to be the same size. Is there a way to replicate something like the image above, using the CMS?

Hey! Sure man! Just use this setup. Remember to copy the custom code on the “Home” page as well. GL man.

View: https://preview.webflow.com/preview/tore-masonry?utm_medium=preview_link&utm_source=designer&utm_content=tore-masonry&preview=388906081f8c46a4c4c00ce86b44f9da&mode=preview

Live: https://tore-masonry.webflow.io/

1 Like

Cool thanks! Is there no way to do this natively within webflow?

This solution also doesn’t seem to be responsive, at least not straight out the box

No, we need custom code to achieve this effect. At least of you don’t know the number of items you want within the grid. If you know you only want 9 items (for example), then you can always create 3 divs with 3 CMS generated items in each, set by using the “limit items” option.

No, this one is not responsive right out the box. But that is really easy to do with media queries! If you need help with that, then just say so.

No, we need custom code to achieve this effect.

That’s really frustrating :frowning: thanks! I think the custom code will do and I think I should be able to make it responsive no problem