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 CSS Grid Layout!
You have completed CSS Grid Layout!
Preview
Before you begin building layouts with CSS Grid, you should understand some of the concepts and terminology behind it.
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
concepts covered in this video throughout
the course, so pay close attention.
0:00
You may even wanna write them down
to help remind you what they mean
0:03
as you watch the videos
later in this course.
0:06
The two most important elements in
CSS Grid Layout are grid containers and
0:08
grid items.
0:13
The first step to using grid
is defining a grid container.
0:14
The grid container establishes
the grid formatting context and
0:18
manages how its direct child elements
are spaced, sized, and aligned.
0:22
When you create a grid container,
0:26
all direct children of that
element become grid items.
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