Build Complex Layouts with CSS Grid Layout

42m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.5
1319
people completed
Bookmark
Download
RSS

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.

Instructor

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 Leeds with his partner Vel, who is also a web developer.

Course content (15 lessons)

    illustration for Build Complex Layouts with CSS Grid Layout