Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Modular CSS with Sass!
You have completed Modular CSS with Sass!
Preview
Now we're going to build the grid container module. This will contain our columns, give our layout a max-width, and keep it centered in the browser.
Related Videos
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
So for example, we're giving our header
the class grid_col--12,
0:00
we're also giving our hero image the class
grid_column 12,
0:03
we're giving our typography, the class
grid_column 8, and so on.
0:07
So next, we'll build the grid container
module, that contains our grid columns,
0:12
and we'll keep our layout at a max-width,
and nicely centered in the browser.
0:17
So in our gridcontainers.scss partial,
0:23
let's create our grid rule by first
writing the class grid.
0:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up