grid-row / grid-column

The grid-row and grid-column properties define which row or column an element will be displayed on.

.element {
  grid-row: 1 / 2;
  grid-column: 3 / -1;
}

Here’s an explicit 3 × 3 grid where these properties are used to place grid items onto it in specific places:

Related

• The Complete Guide to Grid
• grid-template-columns / grid-template-rows

Browser Support