Cross Browser Not Compatibility

Hi,

I’am working a project. I work on Chrome on a daily basis. A section looks different in mozilla and explorer browsers.

How can I fix it?

And how can I get through this kind of situation before it happens.?

Project Link

http://booko.webflow.io/all-books

Thanks

You are using Flexbox. Not all browsers support Flexbox. You can see what browsers support Flexbox here: Can I use... Support tables for HTML5, CSS3, etc

Hope this helps.

Waow I didn’t know that. So what do you suggest. Should I stop to using flex box until all browser comes in or should I dismis %5 or 10 which is represent explorer and mozilla users.

Hey @serhad,

In your case it is mostly because your image is set in absolute i think.
Try this

Remove Flex on `Book-div``

Center horizontally like this

It will work for any kind of browser :wink:

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