PB101: L05 - Static vs Relative Units

I apologize profusely throughout this video because I want this stuff to be simple, easy, and fun. And regardless of the topic, I try to make it as simple and fun as possible. But some things in web design are just kinda difficult to wrap your head around as a beginner. And no matter how you slice it, it's a little tedious and overwhelming to work through.

Understanding units is one of these topics.

Of course, I could do what most courses do and just tell you to use pixels for everything, but that would be wrong. And at some point, you'd have to re-learn a very large portion of the page-building workflow to migrate to actually doing things the right way.

Instead of doing that, I'm going to rip the bandaid off and just tackle a couple advanced and tedious concepts over the next two lessons because it opens the door to the page-building superpower of "fluid responsive design," which is the ultimate anti-chump workflow. And it's the workflow I want you to learn from the very beginning.

This lesson covers static vs relative units, pixels, accessibility implications of pixels, rems, ems, ch, viewport units, and more.

The next lesson will cover math functions like min(), max(), calc(), and clamp().

Grab some coffee and resist the urge to tap out. What I'm teaching you in this lesson and the next lesson will elevate you well above 90% of people using page builders. And we're still only 10% (or less) of the way through the course.

** MY TOOLS **

🔥 AutomaticCSS (ACSS) - https://automaticcss.com
🔥 Frames - https://getframes.io
See all my recommended tools here: https://geary.co/tools/

** INNER CIRCLE **

Step your design/dev game up, make more money, and get the full scoop on scaling your digital agency! When it comes to the Inner Circle, I don't hold back.

⭕ In-depth design & dev trainings
⭕ Business, sales, & marketing trainings
⭕ Agency resources & downloadables
⭕ Vibrant, quality community with zero toxicity
⭕ ...and much more!

Learn more and join here: https://geary.co/inner-circle/

** SOCIAL **

👉 FB -   / marketingkev  
👉 LinkedIn -   / kevingeary  

** CHAPTERS **

0:00 Multiple Disclaimers
02:49 Pixels
07:43 "Pixel Perfect" Design is Dead
10:05 Rems
20:28 Ems
27:53 Percentages
30:56 Ch
35:40 Viewport Units
42:22 Math Functions (Next)
45:52 Playing With a Box
52:55 Final Apology