Introduction
- Course introduction
- Course materials
Intro to CSS Grid
- Is CSS Grid alternative for flexbox?
- CSS Grid terminology
- Grid display property
CSS Grid container properties
- Setting columns and rows
- CSS Grid gap
- Implicit and Explicit tracks
- How to use minmax function
- auto-fill vs auto-fit
- grid-auto-flow property
CSS Grid items properties
- Positoning items with line numbers
- positoning items with span
- Filling empty cells automatically
- Grid template area (part 1)
- Grid template area (part 2)
- Implicit grid lines
- Explicit grid lines (part 1)
- Explicit grid lines (part 2)
CSS Grid alignments
- Alignment properties
- Alignment properties - practical
- place property
Project
- Project overview and how to start
- section 1 (header)
- section 2
- section 3
- section 4
- section 5
