CSS Grid Layout (level 1) External Link

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2020.

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.

IE

Edge

Firefox

Chrome

Safari

Safari iOS

Opera Mini

Chrome Android

Android Browser

Samsung Internet

2-39 0.03%
4-28 0%
5.5-9 0%
12-15 0%
40-51 0%
29-56 0.01%
3.1-10 0%
3.2-10.2 0%
4-5.4 0%
10 0%
16-145 5.1%
52-147 1.73%
57-145 26.83%
10.1-26.2 2.53%
10.3-26.2 12.35%
2.1-4.4.4 0%
6.2-28 0.25%
11 0.29%
146 0%
148 0.13%
146 0.02%
26.3 0.28%
26.3 1.09%
all 0%
146 42.14%
146 0.15%
29 1.83%
149-151 0%
147-149 0%
26.4-TP 0%
26.4 0.02%
Globals: 97.2% + 0.29% = 97.49%
Partial support
Prefixed
Behind a browser flags Behind a Flag