Preview and work mode aren't the same despite viewing in the same screen size

Hello! I am working on a case study for my portfolio and using several grids, however what I see in my workspace and on the preview are very different, despite confirming that I am looking at the same screen size in the preview. What am I missing here? It’s happening on all of my grids. Below is a photo that has 3 screenshots in order of preview-work screen-work screen with grid selected. I’m also not able to edit spacing on a grid when switching to flexbox on smaller screen sizes. Is this normal? I don’t want to create more space on the larger screen sizes, but it’s too tight on the smaller screens. Any help is appreciated!


Here is my site Read-Only: [Webflow - Abby Mueller Designs]

I don’t think you need grids to achieve this layout so you can remove the grid to fix the issue. If you want to use grids did you complete the Webflow University course on how to use grids?