Grids look broken in Safari

Troubleshooting  Since: 1.5 Last Updated: Layers ver. 1.5 Time to Read: Less than a minute

Looking at your site in Safari, you notice columns that should sit in a row (grids) are stacked or all in one column instead of a grid layout.

Older versions of Safari do not have support for newer CSS definitions, including flexbox  and calc() , two important style elements used in Layers Grids.

As of early 2016, Safari version 8.4 or later is required to support Layers markup and most modern website markup. We recommend ensuring you are on the latest OSX updates to ensure the best browsing and test experience.

Special not for PC users

Apple does not offer a current version of Safari for PC, therefore we recommend using an Apple device with an updated OSX version or a Safari emulator for accurate results.