# CSS Grid

A layout system for rows and columns together.

## What is **CSS Grid**?

**CSS Grid** is a layout system for rows and columns at the same time, like a spreadsheet you place content into.

```css
.dashboard {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 16px;
}
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/css-grid