Syntax - Tasty Web Development Treats

Hasty Treat - CSS Units

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

This episode isn’t summarized yet

Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.

Show notes

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

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file