Firefox rendering bug with flex

Here is my read-only link: https://preview.webflow.com/preview/hubble-splash-page?utm_medium=preview_link&utm_source=dashboard&utm_content=hubble-splash-page&preview=4de114d91d5542c7067060f96df04fd0&mode=preview
and published at: http://gethubble.io/

I have some weird rendering of my site in Firefox…
This is what it looks like in Chrome which is correct:

But in Firefox it does this:

Any help would really be appreciated! I think it might have something to do with flex but I’m not certain.

Please share your published link also! We cannot evaluate this inside the designer only!

Sorry! it’s here at http://gethubble.io/

1 Like

The margin-left: 3%; css rule on the class .div-block-5 causes the difference in behavior. After removing, FF will work correctly. The margin-left kind of centers one of the div’s. may try to center them with a different technique!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.