Make page responsive on mobile view

Hello Webflow friends,

I’m having trouble with some design elements in the mobile viewport. Once I get down to a certain width, it stops being responsive and instead cuts off the content. I’m sure it is a straightforward fix, but I haven’t been able to figure it out yet. Here is where it is happening:

The grid on the “Industries Served” page when on mobile portrait view.
The heading text that says “You’ll hardly notice it’s there” right under the main headline on the “Inventory Systems for Small Businesses” page.
The embedded YouTube video on the “Inventory Systems for Small Businesses” page.

Also, how can I keep grids from autogenerating columns?

Thank you!

Here is my site Read-Only: Webflow - WarehouseOS

Also, I noticed the main headline and first paragraph on the “Inventory Systems for Small Businesses” page gets cut off in the mobile view. Thank you!

You’re not actually using grids at all. you are using containers and flex divs to create a sort of grid system that will never be responsive. I suggest studying the grid component on Grid | Webflow University and rebuilding your site using that instead.