84px = 5.25rem

CSS Example

/* 84px as rem */
.element {
  font-size: 5.25rem; /* 84px */
}

When to Use 84px (5.25rem)

A value of 84px (5.25rem) is commonly used for oversized display headings, splash screens, and landing page heroes. In responsive web design, using 5.25rem instead of 84px ensures your jumbo headings scale proportionally when users change their browser font size settings.

Why Use REM?

REM units are relative to the root element's font-size, making them ideal for accessible, responsive designs. When you write 5.25rem instead of 84px, your layout respects user preferences — if someone sets their browser to a larger font size for readability, all your rem-based values scale up proportionally.