This is what I see in Elements:
This is what I see when I preview"
WHat’s going on?
My guess is you have responsive settings on your Grid, however, it’s impossible to know for sure from those screenshots — do you have a live URL or a project you can share?
I do have responsive settings on my Grid, but they are showing correctly in Elements, but not on preview or the web. Here’s the site online:
I will share the project with you @ben.
@ben I figured out why this is happening, and it may be a (minor) bug. I had set links on the images inside the flex containers as well as the flex containers. They were the same links. When I removed the links from the images, then my layout shows in preview correctly and the same as it appears in Elements. I have left the sample project uploaded for you to take a look at.
Yep, that’ll definitely break things in the browser. It’s one of those trade-offs we had to accept in order to give Elements the level of flexibility and control it provides. Just something to remember when building your site: don’t nest links inside of each other! 
2 Likes