Original subtitles

We now know everything that we need to build.

Everything except the last two pages of the project and so in this section we're going to work on just

going through and building out the rest of these pages before we start working on each page.

I'll start by going through screenshots of the page that we're about to build with a breakdown on top

of it of how we're going to structure our grid components to create the layout.

You should really pay attention to how the grid containers items and item containers along with their

varying directions of row or column can be combined to create all of the layouts that we're going to

need.

So you'll really just want to focus on which grid components we're using and how we're structuring them

and walking through each one will really help you to understand our approach.

Before we jump into actually building it with the code so hopefully that will make everything a lot

more cohesive and more clear so that by the end of this section you should feel extremely confident

in being able to take any layout that's presented to you and break it down into the grid component so

that you would need to structure the layout.

We're going to get into some pretty interesting layouts and the way that we approach that may surprise

some of you.

So let's get started.

Building some complex layouts with material UI in the next video.