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 Prototyping in the Browser!
You have completed Prototyping in the Browser!
Preview
The HTML is just the beginning. Now we're going to use CSS to appropriately size and space content so that it's proportional in the design.
Resources
- Bootstrap 4 Basics: Layout in Bootstrap - Check out this video from the Bootstrap 4 Basics course for some helpful review.
- Bootstrap: Layout - If you need a refresher on how to use the Bootstrap 4 grid system, check out this link to the documentation.
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
that it's proportional in the design.
0:00
When we define content areas in this way,
I like to call this blocking the content,
0:01
because we're going to use CSS
to reserve several major areas
0:06
of the page by marking it with
a colored rectangle or a block.
0:11
The rectangle allows us
to see how different
0:16
parts of the page relate to one another
visually, and we can adjust the columns,
0:19
margins, padding, and other
properties of the layout accordingly.
0:23
Coloring these blocks helps to provide
some contrast between each element,
0:28
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