Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Lessons:7Length:53 minutes

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.1 Welcome to the Course

In this short course, we’ll take a look at the basics of using CSS Grid Layout, or “Grid”. This introduction video will give you an idea of what’s coming up and what you’ll learn.

Related Links

1.1 Welcome to the Course

For a long time we created layouts with CSS by using floats. The problem is floats are not fully meant to be used like this, to create a grid layouts. Then FlexBox came around and it was a big improvement but not perfect since FlexBox is mainly a one directional system. Thankfully CSS Grid layout is now available and adopted by all major browsers. So in this short course you'll learn the basics of working with it. Here's a breakdown of the course structure. First we'll take a moment to discuss what exactly is Grid and how it compares with older layout methods. Then we'll look closely at the terminology behind the system. In lesson three we'll dive straight in and learn how to create a grid container. Then we'll define our layout by creating rows and columns so that in lesson five we can start placing elements on the grid. Finally in lesson six, we'll talk about browser support. I'm Andy let's get started with lesson number one. See you there.

Back to the top