Home/ Questions/Q 8937819
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T10:28:51+00:00

html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1

  • 0
html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; } /* =24px */

Hey guys, I am trying to work out the calculation.
How do we get 14px for body and 24px for h1?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When html is given a font size as a percentage, it is calculated based on the font size preference set by the user in their browser options. This is usually 16px as a “standard” across browsers, but of course it may vary based on the user’s own settings.

    62.5% of 16px is 10px, giving html an absolute font size of 10px. From there, it should be easy to work out the sizes for body and h1.

    • 0