About this episode
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
Get every episode summarized
Each time Syntax - Tasty Web Development Treats publishes, we email you a written briefing from the transcript — the topics, who appeared, and any specific claims, with the ad reads skipped.
Email me new episodesFree for 3 shows. No card needed.
No transcript yet
This episode has not been transcribed. Request it and it moves to the front of the queue.
More episodes
More from Syntax - Tasty Web Development Treats
1037: WebMCP is here (and you should care)
Syntax - Tasty Web Development Treats
Sep 9, 202656:30completed
1036: Cursor & OpenAI Break Up
Syntax - Tasty Web Development Treats
Sep 7, 20261:12:19pending
1035: Why everyone is moving to Stylex?
Syntax - Tasty Web Development Treats
Sep 2, 202626:36pending
1034: Omarchy Quattro Release
Syntax - Tasty Web Development Treats
Aug 31, 20261:15:47pending