001: The Box Model

Episode details

Where do scrollbars go, inside or outside the box? In this episode Una and Adam answer that and much more in their discussion of the CSS box model. Everything in CSS starts as a box, and while that’s a straight forward concept to initially think about, it can get complex quite quickly. Not only do boxes surround elements, but letters in a sentence each have a box too. How many boxes are there!? Lots. Lots of boxes. 

 

Links

Box Model CSS Spec: https://goo.gle/39KwDud 

Adam’s Box Model CodePen: https://goo.gle/38JFZ8n 

CSS Tricks on the Box Model: https://goo.gle/3aM4a7p

Check out the Instagram: https://goo.gle/2W97OEg 

Una Kravets (co-host)

Twitter | Blog | Instagram | YouTube

Making the web more colorful ✨🎨CSS & Web DevRel @GoogleChrome 🦄 Host of the @toolsday podcast & Designing in the Browser show 🎬 Speaker & technical writer

 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; dev += design; parentNode + 2 leafs; CSS/JS/UX addict; repeat(∞, [empathize, design, develop, deploy]); 💀🤘