Units

Definitions and explanations of units and measurements we use.

REM units

If you set your root size to 16, you can easily use .5rem increments to build your layouts.

  • 1 REM = 16 px

 

Cheat sheet
  • 2 px = 0.125 rem
  • 4 px = 0.25 rem
  • 8 px = 0.5 rem
  • 16 px = 1 rem
  • 44 px = 2.75 rem
  • 56 px = 3.5 rem
  • 64 px = 4 rem

 

Typographic units

EM is a unit for typography.

  • 1 EM = 16 px

Want to know more? Here is an article about REM vs EM

 

More?

Dpi = Dots per inches, usually used when discussing screen sizes and resolutions