Alternating CSS grid layout for CMS collection list records

Hi I have a simple layout created to preview some case studies which want to be pulled from a CMS collection. The layout uses CSS Grid to alternate the width of items in a full-width 2 column grid that automatically flows down (see image).

I am having trouble understanding how to connect the CMS items to this grid as the case studies do not follow a single, uniform layout. Can anyone point me in the right direction? I would prefer to pull these from the CMS as the grid appears more than once and for ease of client mgmt.

Cheers!


Here is my site Read-Only:https://preview.webflow.com/preview/make-studios-au-wip?utm_medium=preview_link&utm_source=designer&utm_content=make-studios-au-wip&preview=b573744b0f199075a4a3e01e3fa4b5d7&mode=preview

Hi is possible for someone from @webflow to give me a hand?

Hi Noah! I’ve been looking for something similar to use a more creative grid with the cms list and this is the only thing i’ve found online!

Hope it helps!

2 Likes