CSS Grid Layout (level 1)

Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for layout into columns and rows using a set of predictable sizing behaviors. Includes support for all grid-* properties and the fr unit.

Chrome

❌ 4 - 24: Not supported
❌ 25 - 28: Not supported (but has polyfill available)
❌ 29 - 56: Disabled by default
✅ 57: Supported
✅ 58 - 155: Supported
✅ 156: Supported
✅ 157 - 159: Supported

Edge

◐ 12 - 15: Partial support
✅ 16 - 154: Supported
✅ 155: Supported

Safari

❌ 3.1 - 5.1: Not supported
❌ 6 - 10: Not supported (but has polyfill available)
✅ 10.1 - 26.6: Supported
✅ 27: Supported
✅ 27.1 - TP: Supported

Firefox

❌ 2 - 18: Not supported
❌ 19 - 39: Not supported (but has polyfill available)
❌ 40 - 51: Disabled by default
✅ 52 - 53: Supported
✅ 54 - 158: Supported
✅ 159: Supported
✅ 160 - 162: Supported

Opera

❌ 9 - 27: Not supported
❌ 28 - 43: Disabled by default
✅ 44 - 134: Supported
✅ 135: Supported

IE

❌ 5.5 - 8: Not supported
❌ 9: Not supported (but has polyfill available)
◐ 10: Partial support
◐ 11: Partial support

Chrome for Android

✅ 156: Supported

Safari on iOS

❌ 3.2 - 5.1: Not supported
❌ 6 - 10.2: Not supported (but has polyfill available)
✅ 10.3 - 26.6: Supported
✅ 27.0: Supported
✅ 27.1 - 27.2: Supported

Samsung Internet

❌ 4: Not supported (but has polyfill available)
❌ 5: Not supported
✅ 6.2 - 29: Supported
✅ 30: Supported

Opera Mini

❌ all: Not supported

Opera Mobile

❌ 10 - 12.1: Not supported
✅ 80: Supported

UC Browser for Android

✅ 15.5: Supported

Android Browser

❌ 2.1 - 4.1: Not supported
❌ 4.2 - 4.4.4: Not supported (but has polyfill available)
✅ 156: Supported

Firefox for Android

✅ 159: Supported

QQ Browser

✅ 14.9: Supported

Baidu Browser

✅ 13.52: Supported

KaiOS Browser

✅ 2.5: Supported
✅ 3: Supported