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
Changing the Box Model

The New Box Model

Now that you know about the new box model, let's actually implement it in the browser.

* { box-sizing: border-box; }

It's that simple! In the example above, the universal selector (*) targets all elements on the web page and sets their box model to the border-box model.

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