Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Learn

In this lesson, you learned about an important limitation of the default box model: box dimensions are affected by border thickness and padding.

Let's review what you learned:

  1. In the default box model, box dimensions are affected by border thickness and padding.
  2. The box-sizing property controls the box model used by the browser.
  3. The default value of the box-sizing property is content-box.
  4. The value for the new box model is border-box.
  5. The border-box model is not affected by border thickness or padding.

In the next unit, we'll use your new box model knowledge to learn more about HTML element positioning.

Instructions

Take some time to experiment with your new knowledge of the box model in style.css. When you're done, proceed to the next unit.

Report a Bug
If you see a bug or any other issue with this page, please report it here.