Grid placement

Putting an item in chosen rows and columns.

How do you place items in a grid?

Grid placement puts an item in chosen rows and columns with grid-column and grid-row, using line numbers or area names.

.hero { grid-column: 1 / -1; }   /* stretch across every column */

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026