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
One of the most useful features in Grid Layout is the minmax() function. minmax() lets you set a grid track's minimum and maximum size.
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
Minmax lets you set a grid
track's minimum and maximum size.
0:00
For example, you might give certain tracks
a minimum size to make sure the content
0:00
doesn't become too narrow or short and
set a max size to ensure tracks don't
0:05
get too wide or tall, or expand to fit
content that might be added later.
0:10
Being able to set how small and how large
a grid track can be will help you build
0:15
complex layouts that adapt your content
to a wide range of viewport sizes.
0:19
And it makes it possible to create
responsive Grid Layouts without the use
0:24
of media queries.
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