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 Basics (2014) Basic Layout box-sizing and max-width

Daniel Russell
Daniel Russell
7,254 Points

Box-Sizing Tag Not Recognized with Sublime Text 2?

I use Sublime Text 2. When I type box-sizing, sublime text 2 doesn't recognize it as a legitimate element. Why?

Dan Gordon
Dan Gordon
9,321 Points

box-sizing is from CSS3, and Sublime Text doesn't include CSS3 support by default.

Luckily there's plenty of plugins to include support for CSS3: https://github.com/i-akhmadullin/Sublime-CSS3

I also recommend you use Sublime Text 3 rather than version 2, if you feel comfortable upgrading. There's almost no reason to stick with version 2.

To have box-sizing in Sublime 3 (I also switched over from ST2) follow the installation instructions here: https://packagecontrol.io/packages/CSS3.

Note: After CSS3 loads, a doc pops up in Sublime that will recommend you disable Emmet, as the above site does, but also mentions Emmet CSS, regular CSS, and I think CSS3_syntax, as they interfere with the CSS3 package - just be sure to read the doc and disable what's listed. Good luck!