Docs

[wp_5]

Hello,

I have seen that in the CSS stylesheets for the stacks, e.g. integrity or renew, the headings h1, h2, etc. are defined with percentage font sizes, e.g.

h3, .h3
{
  font-size: 228.5%;
}

Is there any benefit of doing so instead of using absolute px values, e.g. font-size: 64px; I assume that one “advantage” could be that the headings scale, when changing the body font-size, but this is also an effect, someone might not want to have.

Or in other words, is there any disadvantage when using px value heading sizes?

[Joao]

Hi There,

I would say for the headings there is no much difference most of the times.

I prefer to use % often when adding padding, margins, and also for the gap element. I found it makes the design respond much better on different screen size devices.

Let us know if you have more questions

[Author]

Posts