Poulos grid clone - not responsive

I tried to rebuild the poulos.co website after the Webflow Coffee Break yesterday, but I can’t get it to be responsive. I don’t know how many times I have watched the webflow videos over the last year, and I can never replicate those pastel colored cans of water.
I have auto flow on everything, but it’s just not happening.

Autoflow positioning is particularly helpful when adjusting your design for smaller devices, since you can simply remove columns and watch grid children simply bump down to the next available cell — no adjustments per-device needed.

What am I doing wrong???

Here is my site Read-Only: https://preview.webflow.com/preview/sebacic?utm_medium=preview_link&utm_source=designer&utm_content=sebacic&preview=7ead76beb05adaa505929470e71e2eb3&pageId=5eb45aa079be877739516f33&mode=preview
(how to share your site Read-Only link)

@Jonathan_Holden this is my approach. grid auto responsive

that’s an interesting approach… build it desktop in grid and then destroy the grid as you work down the viewports…

at the end you might as well just click flexbox and be done.

if only we had mobile first designing!!!

also, that’s not what’s happening here: