Help staggering cards in Webflow

I’m new to Webflow, so please bear with me. I’m interested in learning how to stagger or stack cards. In the video, I liked the staggering effect used for desktop views. However, when I switch to mobile, the cards stack directly on top of each other, causing the images to overlap. Do you have any tips on how to keep them staggered on desktop but ensure a clear card-photo-card-photo sequence on mobile? I hope this explanation is clear. Thanks in advance for your help!

https://preview.webflow.com/preview/creations-landscape?utm_medium=preview_link&utm_source=designer&utm_content=creations-landscape&preview=9bdbf7dc065bcde3a46791a5145e0308&workflow=preview


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

1 Like

Hi José,

There are a few approaches, but it’s easier to show than explain in writing.

MAN!! This is so helpful. Ill give this a shot and report back. Thnak you so much!

1 Like