display: grid
A grid container establishes a new grid formatting context for its contents. 5.1. Establishing Grid Containers: the grid and inline-grid display values
Links about display: grid
Understanding CSS Grid: Creating A Grid Container — Smashing Magazine
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a detailed look at what happens when you create a grid container and the various properties that can be applied to the container to shape your grid.
Digging Into The Display Property: Grids All The Way Down — Smashing Magazine
Continuing a series on the display property in CSS, this time Rachel Andrew takes a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior.
This might be interesting as well
Digging Into The Display Property: The Two Values Of Display — Smashing Magazine
We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS display property, a workhorse of a property that doesn’t get a lot of attention. Rachel Andrew takes a better look in a short series.

Code sample
ul {
display: grid;
}
Explore other pages
- lang
Specifies the primary language for the page or an element.
- type="date"
A control for setting the element’s value to a specific date
- button
A control allowing a user to trigger actions.
- contain
Indicate that an element and its contents are independent of the rest of the document tree.