Atomic Bulldog - UI/pattern library

4.2.3 - Grid Fallback

Source: layouts/_grid-fallback.scss, line 80

Open in new window

Atomic Bulldog grid use progressive enhancement for browsers not supporting CSS grid layout. It will use an alternative grid base on flexbox. Not all classes are supported.

This grid will compile in screen-fallback.css

For now the fallback grid only works with the following classes:

  • .grid
  • .has-cols-{bp}-{num-of-col}
  • .has-grid-gap-{num}

Try to see this page on IE: 11.

Can I Use flexbox? Data on support for the flexbox feature across the major browsers from caniuse.com.