Learn CSS Grid in 11 Minutes

In this video I'll teach you everything you need to know, to get started with grid without being overwhelmed.

Video content:
00:00 Intro
00:15 Creating a grid container
00:25 Defining columns
00:40 Fraction unit
01:30 Repeat function
01:50 Using multiple units
02:15 Minmax function
02:35 Auto keyword
03:05 Defining rows
03:15 What is a grid?
03:31 Horizontal grid lines
03:37 Row track
04:00 Vertical grid lines
04:10 Column track
04:15 Grid Area
04:55 How to build layouts
05:50 Grid-area property
06:35 Span keyword
07:25 Extra practice with the properties
09:10 Creating gaps between rows and columns
09:35 How to align all the grid items
10:20 How to align the content of all the grid items
10:50 How to align only one item

Amin Mousavi