CSS Grid Layout

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.

Document Tags and Contributors

 Contributors to this page: rolfedh, PushpitaPikuDey, yisibl
 Last updated by: rolfedh,