Build Complex Layouts with CSS Grid Layout

ClockIcon42m
cssCSS
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
1117 people completed
Rory Smith
By

Rory Smith

Rory is a front end developer from Somerset in the UK. He is most interested in building beautiful, practical and accessible user interfaces using React. He lives...

In this course, we are going to learn about the CSS Grid Layout. The Grid Layout is a feature in CSS available in modern browsers.

CSS Grid layout is a two-dimensional layout method that gives you control over items in rows as well as columns. In this course we will look at multiple ways to divide the page into major regions with control of the size, position, and layer.

We’ll discuss all the features CSS Grid has to offer us, and how we can apply these features to real world layout-based obstacles. We’ll start with placing items on a grid by using grid-column and grid-row and progress to more complex topics such as nesting grids within grids.

Rory Smith
By

Rory Smith

Rory is a front end developer from Somerset in the UK. He is most interested in building beautiful, practical and accessible user interfaces using React. He lives...

Illustration for Get up and running with CSS Grid Layout

Get up and running with CSS Grid Layout

Rory Smith
Lesson
ClockIcon
2:15