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
You can control how much vertical space a row takes up by defining row tracks. The grid-template-rows property creates rows in your grid.
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 let's copy the three items,
paste them below and
0:00
change the numbers to 4, 5, and 6.
0:00
Notice how the new items start a new row,
and
0:09
they line up with
the items in the first row.
0:12
So they follow the three column
track set and grid template columns.
0:15
And if you add more items
to the grid container,
0:21
the grid will keep creating
rows as needed for the content.
0:23
But we haven't explicitly
defined rows in our grid yet.
0:27
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