display: grid
display: grid is a CSS property in the Grid category. Grid layout properties for two-dimensional page layouts. The syntax is display: grid | inline-grid. A typical example: display: grid; It is commonly applied to markup such as <div class="demo">Sample</div> A close relative is grid-template-columns, which grid layout properties for two-dimensional page layouts. A close relative is grid-template-rows, which grid layout properties for two-dimensional page layouts. A close relative is grid-template-areas, which grid layout properties for two-dimensional page layouts. More about this category: CSS Grid properties for two-dimensional layouts and grid areas. Related Grid entries: grid-template-columns, grid-template-rows, grid-template-areas, grid-column, grid-row, grid-template, grid-auto-flow, grid-auto-columns. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support. You can look up any other entry from the search page or return to the CSS Reference homepage.