I’ve styled a large portion of my site using the grid layout, and am finding it difficult to make it work on mobile. For instance, in my footer I have a grid with three columns and one row. In the mobile verison, I want it to be three rows and one column. There are several other places like that on my site, but that’s probably the most straightforward example.
Originally, through watching the tutorials on Webflow University, I was under the impression that I could make a change on the mobile version and it wouldn’t affect the others - ie, that design flowed downwards. I’ve found though that when I do make a change on mobile (like moving a div or something) it changes the whole site.
Any insight into making the grids more responsive would be much appreciated!
My read only link is: https://preview.webflow.com/preview/maggie-degennaros-blank-site?utm_medium=preview_link&utm_source=designer&utm_content=maggie-degennaros-blank-site&preview=5d712e5dc494140511ba1085154e3ca6&pageId=5dfbc16dcb94d515c2771d41&mode=preview