HTML & CSS - Mastery / CSS Grid System

Grid Lines & Tracks

🧱 What Are Grid Lines, Tracks, and Cells?

In CSS Grid, the layout is made up of:

Term

Meaning

Grid Line

The line between grid tracks (columns or rows)

Grid Track

A single row or column (between two grid lines)

Grid Cell

A single box where a row and column intersect

🎯 Think of grid lines like the lines on graph paper, and grid tracks as the space between those lines.

🗂️ Explicit vs. Implicit Grids

🔹 Explicit Grid

You define it manually using:

🔹 Implicit Grid

If you place more items than defined rows/columns, Grid automatically adds rows or columns.