Trouble with CSS Grid in mobile

Hello Webflow experts! I’m still new to Webflow and was attempting to trouble-shoot/learn grid in preparation for building a content-heavy CMS site. I replicated this grid site and it worked great. But on the mobile landscape/portrait mode the grid just went all crazy! I tried all kinds of things for hours, but couldn’t disable those extra columns/grids from showing up. Am I overlooking something super simple? Thanks for any help!

Here is my site Read-Only: https://preview.webflow.com/preview/test-grid-dog?utm_source=test-grid-dog&preview=b53c17025fc94263c78701771f09f297&mode=preview

Hi @Scout,

What happens is that you have some elements with manual positioning inside the grid element. Their manual position is on columns that are ‘not there’ anymore, so they sit outside the grid.
Edit the manual position of those elements to fit the number of columns in the mobile view:
https://www.loom.com/share/3dfa10112a724874a3206f57a80c9a1c

1 Like

Thank you so much! I would never have figured that one out on my own. Many, many thanks!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.