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 Practice CSS Box Model Basics!
You have completed Practice CSS Box Model Basics!
Preview
See an overview of what you will build using the core components of the CSS box model.
Resources
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
Now you're going to sharpen your CSS
skills by practicing the fundamentals of
0:00
the CSS box model.
0:00
You've learned that the box model
is the basis of CSS layout.
0:02
It determines how elements
are displayed and
0:05
the amount of space they
take up on the page.
0:08
So in this practice workshop,
0:10
you will work with the main
components of the box model.
0:11
You're going to create this
scrolling box component with CSS.
0:14
To get started,
launch the workspace with this video.
0:18
First, click to open the image box.png
to view the box model representation of
0:22
the component you're going to create.
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