Podcasts Technology Syntax - Tasty Web Development Treats Hasty Treat - CSS Units

Hasty Treat - CSS Units

Published: Jan. 7, 2019, 2 p.m.

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\xa0lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It\u2019s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at\xa0https://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 Tweet us your tasty treats!