From the course: CSS: Advanced Layouts with Grid

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

The challenge

The challenge - CSS Tutorial

From the course: CSS: Advanced Layouts with Grid

Start my 1-month free trial

The challenge

“

- [Instructor] The most obvious use-case for CSS Grid is in creating multi column layouts. In this chapter, I'll show you how to make a conventional three column layout, how to make an unconventional version of that layout, how to center these layouts on the center of the screen, and also how to do some magic with CSS Grid, breaking content out of a sub element to display on the grid itself. And we'll make all of these layouts using the exact same HTML document. We'll start with the conventional three column layout. Here, all we have to do is create a grid with three columns. Then we place the grid items on the grid, either automatically or using grid line references. Got it? Okay, let's get this working in real life.

Contents