Responsive Grid Issues

I have created a grid system in my “our services” section, ad as you can see from my link below that it is perfectly responsive on desktop and tablet view. But once in landscape mobile or mobile view; the grid is no longer responsive. What step am I missing? What do I do to fix this? Thanks in advance!

https://preview.webflow.com/preview/blackwater-eng?utm_medium=preview_link&utm_source=dashboard&utm_content=blackwater-eng&preview=8d22c2e640e7adc92930633d19c2f67a&mode=preview

Hi,
you had to organize you content better. put each service in one Div, make this div a grid and style it as usual, than place it in your base grid.
in the mobile breakpoints you have to delete some columns, that you got only one column.