Grid
CSS grid is a two-dimensional layout system, which lays content out in rows and columns.
Status
Baseline Widely Available (since 2020-04-17)
MDN documentation
Specifications
Browser support (view on caniuse.com)
- Chrome 57 Released on 2017-03-09
- Chrome Android 57 Released on 2017-03-16
- Edge 16 Released on 2017-10-17
- Firefox 52 Released on 2017-03-07
- Firefox for Android 52 Released on 2017-03-07
- Safari 10.1 Released on 2017-03-27
- Safari on iOS 10.3 Released on 2017-03-27
Developer signals
- State of CSS 2025: usage/gamechanger_feature question
- State of CSS 2025: layout/layout_pain_points question
- State of CSS 2024: usage/favorite_new_features question
- State of CSS 2024: usage/css_pain_points question
- State of CSS 2024: usage/css_interoperability_features question
Usage (according to Chrome Platform Status)
~35.913% of page loads. More data at chromestatus.
Interop
- Included in Interop 2021
- Included in Interop 2022
- Included in Interop 2023
- Included in Interop 2024
- Included in Interop 2025
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist