Learn CSS Grid
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.
63 min
Content
About
Intro to the CSS Grid course
Your first grid - CSS Grid tutorial
Frontend Career Path
Fraction units and repeat - CSS Grid tutorial
Positioning items - CSS Grid tutorial
Template areas - CSS Grid tutorial
Auto-fit and minmax - CSS Grid tutorial
Implicit rows - CSS Grid tutorial
An awesome image grid - CSS Grid tutorial
Named Lines - CSS Grid tutorial
justify-content and align-content - CSS Grid tutorial
justify-items and align-items - CSS Grid tutorial
Auto-fit vs. auto-fill - CSS Grid tutorial
Grid vs. Flexbox - CSS Grid tutorial
Why are Solo Projects important?
Solo Project (PRO) - BBC News Clone
Congrats on completing the CSS Grid course!
How to Utilize Your Certificate
Certificate of Completion