Streaming live at 10am (PST)

Grid loses responsiveness on mobile smaller screens

I have a grid labeled “Our Projects Section” that is responsive on all breakpoints, but once it gets to mobile, it loses responsiveness when it reaches something like a 445px screen size. I have another grid below called “Build People Section” that is working perfectly, and I cannot determine what is different between the two.

It seems that my divs are hanging off the side of the screen and I just cannot figure out why. Here is a gif so you see exactly which part I am talking about.

Any advice will be much appreciated!


Here is my site Read-Only: https://preview.webflow.com/preview/ae-website-project?utm_medium=preview_link&utm_source=designer&utm_content=ae-website-project&preview=c1c27c7a23f3516cc075a644458f97e6&mode=preview

OKAY.

I seem to have found a fix. Hopefully this helps others who might run into similar issues.
If you edit the grid and change the column size from default to something like 200px, it retains its responsiveness. I have no idea why it worked, or why it did this in the first place.

Seems to fix my issue, but again my other grids didn’t requrie this!

Glad you’ve been able to solve it!

I’ve been looking into it but didn’t find that detail, I’m happy you shared your solution. :+1:t2:

1 Like