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
Grid layout introduces a new length unit, fr (or fraction), a flexible unit designed for creating grid tracks that expand and contract based on the free space in the 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
CSS Grid Layout introduces new features
that adapt content to available space and
0:00
intelligently size and
position items within a grid container.
0:00
This supports responsive design and
makes it easier
0:04
to create layouts that work in
a variety of different browser sizes.
0:07
One of the grid length values you'll
use most is the fr or fraction unit.
0:11
A flexible length unit designed for
creating grid tracks that expand and
0:16
contract based on the free
space in the grid.
0:20
In the grid container rule, let's set the
middle column track back to 200 pixels.
0:24
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