Website preview is different from Designer view

When editing my site in the Designer it appears how I want it; however, when I go to view it in preview mode some elements look totally different. I would like to know what if anything I can do to keep this from happening. It is very difficult to build a site basically blind, especially with what is supposed to be a visual editor. Any help would be appreciated.

https://preview.webflow.com/preview/san-antonio-lhs?utm_medium=preview_link&utm_source=designer&utm_content=san-antonio-lhs&preview=4b8b205ec3a08b5caf271d3a86de9b1a&workflow=preview

Set a static height for the blue boxes.

Personally I hate the grid editor so much I just work around it. I can never seem to make it do what I want it to.

Yet another example of the Designer being different from the Preview! This is unacceptable! Especially for a product that calls itself the most advanced visual editor out there. This needs to be fixed!!

Designer

Preview

Typically this happens when the height is not specified. Try specifying a specific height like 200px and it should work.