px vs rem vs vw: Why clamp() Fixes Your Font Sizes
Vicky Etherington, The Website Mentor
0:00 / 0:00
px vs rem vs vw: Why clamp() Fixes Your Font Sizes
12 просмотров · 4 часа назад
Vicky Etherington, The Website Mentor
1,03 тыс. подписчиков
12 просмотров · 4 часа назад
Your headings might look perfect on your laptop, then enormous or tiny on your phone. It almost always comes down to the unit you chose for your font size.
In this video I explain px, rem and vw in plain English, why each one potentially lets you down, and why clamp() can fix it. You’ll see the maths, a graph of what clamp does on every screen size, and a real example you can copy:
clamp(1.75rem, 1rem + 3vw, 3rem)
If you use Divi 5, you can paste clamp() straight into the font size field.
Moving from Divi 4 to Divi 5? My Rocking Divi 5 course walks you through the migration and shows you around the new interface: https://thewebsitementor.com/rocking-...
Next video: how to keep your design consistent in Divi 5 with presets.
I’m Vicky from The Website Mentor. I’ve been building websites since 2002 and I teach coaches, therapists and service-based business owners to build their own WordPress sites. Find out more at thewebsitementor.com
Want to understand H1, H2 and H3? Watch this next: • Website Headings Explained: H1, H2, H3 — W...
#Divi5 #WordPress #WebDesign