This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox.
Overview
Syllabus
- Intro to the CSS Grid course
- Your first grid
- Fraction units and repeat
- Positioning items
- Template areas
- Auto-fit and minmax
- Implicit rows
- An awesome image grid
- Named Lines
- justify-content and align-content
- justify-items and align-items
- Auto-fit vs. auto-fill
- Grid vs. Flexbox
- Why are Solo Projects important?
- Solo Project (PRO) - BBC News Clone
- Congrats on completing the CSS Grid course!
- Want to become a Scrimbassador?
- How to Utilize Your Certificate