Grids not responsive automatically on mobile

Hi,
From a user perspective I find grids awfully finicky to work with!! :sweat:
Can someone explain to me how to make grids simply responsive to a mobile portrait view and not have text/images left hidden behind a screen.

I’m trying to make the grids on this page to simply fill to the screen edge on mobile portrait.


Here is my site Read-Only:

https://preview.webflow.com/preview/bammedia22?utm_medium=preview_link&utm_source=designer&utm_content=bammedia22&preview=2e299e3739820af690d5062740e5a3fe&pageId=6329769ac56c8a4836e73854&workflow=preview

Hello. So grids and Webflow in general aren’t exactly meant to be automatic the way you want it to be. A deeper understanding of how grids work and manually adjusting them for each viewport is the basis of web development, especially in Webflow. I suggest you check out this video and search YouTube as well for some training on grids Grid | Webflow University

You can also change the display to flex on mobile or even block when all you need is standard stacking.

1 Like