---
title: CSS Grid
category: CSS
-updated: 2018-12-06
+updated: 2019-08-23
layout: 2017/sheet
prism_languages: [css]
---
/* Display properties */
display: grid;
display: inline-grid;
- display: subgrid;
```
```css
grid-template-columns: 25% 50% 25%; /* Percentage units */
grid-template-columns: 1rem auto 1rem 2fr; /* Fill remaining widths with auto or fr units */
grid-template-columns: repeat(12, 1fr); /* Repeat columns without needing to write them */
+ grid-template-columns: subgrid; /* Use column tracks defined on parent grid */
grid-template-rows: 1rem 10% auto repeat(5, 10px); /* Mix any group, same rules work for rows */
+ grid-template-rows: subgrid; /* Use row tracks defined on parent grid */
```
```css