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
CSS Grid Layout lets you simplify your HTML, so you can write simpler markup and rely just on CSS to control your page's design.
Grid Resources
- Grid by Example - Rachel Andrew
- Intro to CSS Grid - Jen Simmons
- CSS Grid Layout - MDN
- Relationship of grid layout to other layout methods
- Follow Jen Simmons and Rachel Andrew for more resources about 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
are fundamental to the design of layouts.
0:00
They keep your content organized, help you
decide where content should be placed, and
0:01
determine the positioning and
balance in a layout.
0:06
In the past, we've relied on CSS
frameworks and legacy methods,
0:09
like tables, inline blocks and
0:12
floats to work around the limitations of
CSS layout and create grid based designs.
0:14
Well, the grid layout model for
CSS lets us skip these workarounds
0:20
by bringing properties that were created
specifically for webpage grid layouts.
0:24
I'm Guil, a front end developer and
teacher here at Treehouse.
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