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 - SponsorLogRocket 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 Notes2: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
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets