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 Flexbox Layout!
You have completed CSS Flexbox Layout!
Preview
Learn how to create a flexible three-column design with flexbox.
Video review
- You can use flexbox to make responsive column calculations less complex.
- Use the
flex-basisproperty to set the initial size you want the column items to be.
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
by creating a flexible
three-column design.
0:00
To follow along using the new workspace,
launch the workspace on this page.
0:00
So I’ve added a third content column
0:05
with the class tertiary to
the latest index.html file.
0:08
And the primary column now contains
a colorful text graphic and
0:13
some text below it.
0:17
You can see what it looks like
once you preview that work space.
0:18
Now the layout were going to build,
starts off as a one column layout and
0:21
small screens,
just like in the previous video.
0:26
Then it's an equal width two
column layout in medium screens.
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