I am having trouble getting my head around stepped vs. scaled typography in Pro. I have looked for tutorials on this site and others and not found anything. Trying various settings has not helped nor adding css media queries. For example I have h3 set to 24px for desktop/laptop. yet on my computer it is 41px, according to What the Font. In the inspector: h3, .h3 {
font-size: 228.5%;
line-height: 1.3;
}
Where does 228% come from? How do I adjust this?
Everything looks fine in the customizer when checking different devices, but when I save a view the page in another browser window, the fonts are not the size set nor do they scale down properly.
Thanks for any help.