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.

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

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026