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.
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.