This article may be written in a style that is too abstract to be readily understandable by general audiences. (October 2017) |
CSS Grid Layout Module Level 1 | |
![]() A depiction of a typical webpage layout using CSS floats. | |
Abbreviation | Grid, grid layout |
---|---|
Native name | CSS Grid Layout Module Level 1 |
Status | W3C Candidate Recommendation Draft |
First published | April 7, 2007[1] |
Latest version | Level 1 December 18, 2020[2] |
Preview version | Level 2 March 14, 2023[3] |
Organization | W3C |
Committee | CSS Working Group |
Editors | |
Base standards | CSS |
Domain | CSS |
Website | www |
Cascading Style Sheets |
---|
Concepts |
Philosophies |
Tools |
Comparisons |
In Cascading Style Sheets, CSS grid layout or CSS grid creates complex responsive web design grid layouts more easily and consistently across browsers.[6] Historically, there have been other methods for controlling web page layout methods, such as tables, floats, and more recently, CSS Flexible Box Layout (flexbox). CSS grid is currently not an official standard (it is a W3C Candidate Recommendation) although it has been adopted by the recent versions of all current major browsers.[7]