What is a Rem (rem)?

A rem is a CSS unit relative to the font size of the root element (html), typically 16px by default.

Definition

Symbol

rem

Category

CSS Units

System

Digital

1 {unit} = {value} {otherUnit}

1 Rem = 16 Pixel (px)

1 Rem = 1 Em (em)

1 Rem = 12 Point (pt)

1 Rem = 1 Pica (pc)

Common Uses

  • Responsive typography
  • Accessible web design
  • Consistent spacing

Rem Conversions

Related Units