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
Surveys
- State of HTML 2025 > usage > html interoperability features features only
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > typography > typography pain points
- State of CSS 2025 > shapes graphics > shapes graphics pain points
- State of CSS 2025 > math features > math features pain points
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > colors > colors pain points
- State of CSS 2024 > usage > favorite new features
- State of CSS 2024 > usage > css pain points
- State of CSS 2024 > usage > css interoperability features
Usage (according to Chrome Platform Status)
~41.457% of page loads. More data at chromestatus.com.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