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

1. Understanding CSS Grid: Creating A Grid Container — Smashing Magazine

   posted on January 3, 2020 by Rachel Andrew

   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.

   

2. Digging Into The Display Property: Grids All The Way Down — Smashing Magazine

   posted on May 24, 2019 by Rachel Andrew

   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

posted on April 8, 2019 by Rachel Andrew

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;
}