Preview looks good. Published site not so much

Hi guys,

I have a website that has been giving me some headaches of late and was hoping someone could steer me in the right direction.

In the designer, as well as the preview, the site looks good. Where I’m stuck is, after publishing the site, on the homepage, the ‘our recent works’ section breaks. Here is a link to the published site:

If someone can save me a couple hours of headaches/ guess-and-check work, I would be extremely grateful.

Thanks in advance,

Here is my site Read-Only:

Hi @matthews

Can you detail how it’s breaking - maybe a screenshot comparison of what you are seeing?

I’m not seeing anything broken as such… :slightly_smiling_face:

Of course! Thanks for reaching out!

Here is what I see after publishing.

Hmm that’s strange - any custom code used anywhere?


To add to my confusion, I opened the published page on Internet Explorer and it looks fine.

Can you remove float and clear settings, then set the width to 33.3%? Curious if it still occurs. :sunglasses:

Click to expand the whole image.

Appreciate the suggestion.

Gave it a shot and republished. Unfortunately, got the same result (screenshot below)

Can you try to make the Div block 8 position relative and then remove the margin bottom of the project overlay?

Here’s is my other suggestion and it’ll work for sure!

Make the collection list display flex with the following settings:

And then change the collection item width to 33.30% (33.33% doesn’t work for some reasons)



That worked. Everything is lined up correctly. I can’t tell you how big of a weight you just took off my shoulders.

Also, thank you everyone for your suggestions. I love this community.