Work CMS list with alternating grid

Hi folks,

I’m working on my first Webflow project and I’ve been trying to do an alternating layout (attached) for the “What we do” section (first image to the right, second to the left, etc.). It is pulling the content from a CMS collection so I’m not sure how to make this work. Any thoughts? Thanks in advance!

Read-only link here.

Use flexboxes and then use Webflow’s alternating item styling to reverse them.

1 Like

Thank you so much for sending this video, @memetican! I tried following it but for some reason, it won’t work. I have a slightly different structure on my navigator due to micro-interactions.

Your micro-interactions shouldn’t interfere, but the flexbox arrangement and settings matters, here’s how to restructure yours for alternating-reverse-ordering.

1 Like

Hi, Michael – thank you so much for taking the time and recording this step-by-step. It worked perfectly and I could’ve never figured that out by myself!

Cheers :smiling_face:

1 Like