Use-Cases of this Tutorial
- You are looking to learn CSS Grid from scratch.
CSS Grid helps us to create user interfaces by dividing the web page into a grid of rows and columns. For people who have worked hard to create complex user interfaces using float, display: table, display: inline-block, positioning, negative margins etc, CSS Grid will absolutely blow their minds. It is just unbelievable.
But because CSS Grid is so powerful, it is a bit difficult to get into it. Starting to learn by reading articles is not the best idea, because grid of rows and columns will involve a lot of imagination. Watching a video course, and then proceeding with code experimentation and reading articles and books would be the fastest way to learn CSS Grid.
The below video offers a good introduction to CSS Grid. It is an hour long course, but in 30 minutes you should be able to know most of the concepts. Keeping things simple, the course is divided into multiple chapters and each chapter covers a single concept.