Building Layouts with the CSS Grid

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.
Course info
Level
Beginner
Updated
Mar 2, 2018
Duration
1h 17m
Table of contents
Description
Course info
Level
Beginner
Updated
Mar 2, 2018
Duration
1h 17m
Description

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.

About the author
About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.

More from the author
Building Websites with Bulma
Intermediate
1h 42m
Oct 27, 2017
Building Websites with Skeleton CSS
Intermediate
1h 17m
Aug 9, 2017
More courses by Gary Simon
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Gary Simon, and welcome to my course, Building Layouts with the CSS Grid. I've been a freelance designer and developer for the last 15 years, and I've worked with countless clients on a wide variety of projects. Over the last couple decades, the way we build layouts with CSS has changed quite drastically. The CSS Grid is the latest attempt at solving some of the problems designers face when building layouts. Fortunately, they really got it right this time. In this course, you're going to discover that the new CSS Grid is versatile and easy when it comes to building layouts. Some of the major topics that we will cover include an introduction to the CSS Grid, understanding Grid basics like creating columns and rows, CSS Grid alignment, responsive CSS Grids, and much more. By the end of the course, you will have great confidence going forward when using the CSS Grid to build layouts. I hope you'll join me on this journey to building layouts with the CSS Grid at Pluralsight.