This article needs a technical review. How you can help.
CSS Grid layout contains features targeted at web application authors. The grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application or defining the relationship in terms of size, position and layer between parts of a control built from HTML primitives.
Like tables, grid layout enables an author to align elements into columns and rows, but unlike tables, grid layout doesn’t have content structure, and thus enables a wide variety of layouts which is not possible in tables. For example, the children of a grid container can position themselves in a way such that they overlap and layer similar to positioned elements.
Reference
CSS Properties
CSS Function
Specifications
Specification | Status | Comment |
---|---|---|
CSS Grid Layout | Working Draft | Initial definition. |