Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout The CSS Box Model Introducing the Box Model

Posted by Maria Lucia Alvarez
Maria Lucia Alvarez
Courses Plus Student 479 Points

Boxes how and how to view them. Suggestion: Chrome extension "Pesticide for Chrome" https://chrome.google.com/webstore/

I use it to see how the boxes are set. Very useful for beginners and pros. Add it the "Inspect" mode and you are able to inside of a page.

1 Answer

Steven Parker
Steven Parker
231,268 Points
Steven Parker
Steven Parker
231,268 Points

If anyone is reluctant to install a browser extension, you can get much the same effect just by setting the "outline" attribute in your CSS: I have done this frequently when working on layouts.

* { outline: 1px solid blue; }

You can make it even more similar to the extension if you give different colors to different element types.