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 Practice CSS Grid: Columns, Rows and Gaps!
You have completed Practice CSS Grid: Columns, Rows and Gaps!
Preview
Follow along to see how to lay out the web page using CSS Grid layout.
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
If not, that's okay, you can watch my
solution, compare it to what you wrote,
0:00
and then try to recreate it yourself.
0:01
The goal was to get the layout to
look like this, as you can see,
0:03
it consists of three column tracks and
three row tracks.
0:06
Now, let's go over the solution, and
0:10
you can also reference this code when
you download the project's files.
0:11
So first, I'll determine which HTML
element is the grid container.
0:15
Well, looking at the HTML,
0:20
I see that the div with the class wrapper
contains the elements to layout with grid.
0:22
So in grid.css,
0:27
I'll replace the placeholder selector
with the class selector wrapper.
0:29
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