a collection of front-end idea's, tutorials and snippets


HTML5 Please – Box-Sizing

Supported in Chrome, IE8+, Opera, Safari 5.1+. The recommended pattern is box-sizing : border-box;, preceded by the fallbacks -webkit-box-sizing: border-box; for old IOS<=4 and Android<=2.3, and -moz-box-sizing: border-box; for firefox. You can apply it to all (*) elements if you like.

It works like a charm. Apply it to all elements, use the IE fallback and all your padding problems will be history!

HTML5 Please – Box-Sizing 182w, 54w" sizes="(max-width: 367px) 100vw, 367px" />

Leave a Reply

Theme by Anders Norén