Building Layouts with the CSS Grid

by Gary Simon

Building layouts just became immensely easier with the new CSS Grid. In this course, you will learn how to efficiently build layouts within the new CSS Grid.

Preview this course

What you'll learn

Now is the perfect time to start learning the CSS grid, as browser support is going to immensely increase. If you ever built a layout in the past, chances are, you probably ran into a snag where you had to use some sort of hack. Fortunately, the new CSS Grid eliminates many of the problems that frontend developers faced when building layouts. In this course, Building Layouts with the CSS Grid, you will learn how to utilize the CSS Grid to build layouts efficiently and effectively. First, you are going to discover how to structure dynamic rows and columns. Next, you will explore how to align the grid container along with its items. Finally, you will learn how to make your grid layout responsive and much more. By the end of this course, you will have the knowledge and skills necessary to build a layout from scratch, all based on the CSS Grid.

Table of contents

Course Overview
1min
Getting Started
12mins
Grid Basics
24mins
Grid Alignment
18mins
Responsive CSS Grid
19mins
Conclusion
2mins

About the author

Gary Simon

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years. Having worked with a large clientele on many identity and web design projects, Gary has a solid understanding of many technologies and skills surrounding the design and development industry.

See more courses by Gary Simon
Ready to upskill? Get started