Completed
CSS Grid Garden
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
CSS Grid Intro and Basic Layout Tutorial for Beginners
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Welcome
- 3 Setup & Starter Code Review
- 4 Quickest way to apply a grid
- 5 grid-template-columns
- 6 grid-auto-rows
- 7 grid-template-rows, grid-auto-columns
- 8 row-gap, column-gap, gap
- 9 grid-column-start & end, grid-row-start & end
- 10 Viewing your grid in dev tools
- 11 grid-column, grid-row shorthand
- 12 align-content, justify-content, place-content
- 13 Adding HTML for grid-template-areas
- 14 grid-template-areas, grid-area
- 15 Experimenting with layout properties
- 16 CSS Grid Garden
