Placing Items: Lines, Spans and Named Areas

Put any grid item exactly where you want it, by the numbered lines around its cells or by drawing the whole page as named areas, so a featured photo can fill four cells and a sidebar can sit beside the main content.

Updated

Cheat sheet: Placing Items: Lines, Spans and Named Areas
Category
CSS
Level
Journeyman
Tags
CSS, Grid area, Grid cell, Grid line, Grid span, Grid template areas, Grid template rows