Grid not maintaining size in preview toggle

Hi, I’m trying to set a grid to have an image background so I can put a text overlay. The grid spacing and sizing is showing up correctly in the design screen, but when I press ‘Toggle Preview’ the div blocks in the grid become incorrectly sized.

Thank you in advance for any help; I’ve been looking through forum posts and doing trial-and-error experimentation and nothing is working.

Here is my site Read-Only: Webflow - Gold Lion Design

The divs that your grid is made up of are empty and there’s no styles telling them how tall they should be which is why they seem to ‘collapse’ in preview mode. You can fix this by adding a minimum height to the divs, or you could add an image element into each div as the image elements will have an intrinsic width and height to them which they pull from the image itself.

1 Like

You’re a life-saver! Thank you so much!