Stumped at difference between Live Site and Published Preview

Design help General
1

So I’m completely stumped at what is happening here. If you look at the screenshot below - this particular section, the “our properties” section, it is displaying strangely compared to how it looks in the preview and the “published” site as well.

Any thoughts on how to fix this? I don’t know how to test it since it looks fine in webflow.

This:

32%20PM
32%20PM2510×1196 680 KB

Should look like this:

preview
preview4024×1948 1.77 MB

Here is the live site URL: http://block22llc.com
Here is the preview URL: http://block22-hotels.webflow.io
And here is the share link: Webflow - Block22 Hotels

2

That does seem like strange behaviour. I did some code inspection on the live site and didn’t find anything.
I would suggest using flex-box on the section. This will work nicely and solves the browser issue on the published site. Hope that helps.

48
483268×1604 1.34 MB

58
583282×1616 1.71 MB

3

Strange rendering issue going on and it confuses me why it happens on export and not within Webflow. You should be able to fix it, though, by adding float:left to your Link Block element.

4

I will try the float:left first. I appreciate the feedback.

1 Like