Hasty Treat - CSS Units

In this Hasty Treat, Scott and Wes talk about CSS units (e.g. rems vs ems, px, ch, vmax), when and why you want to be using them, tips and tricks, and more! LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax. Show Notes 2:32 Typography with CSS units 12:04 Pixels 15:17 Viewport units 15:51 ch units 16:35 inch/cm for print 17:19 Percentages 18:10 Media queries 19:41 Flexbox (flex-grow) 20:28 CSS Grid: flexible units: 1fr 2fr Links Sentry Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets