11px = 0.6875rem

CSS Example

/* 11px as rem */
.element {
  font-size: 0.6875rem; /* 11px */
}

When to Use 11px (0.6875rem)

A value of 11px (0.6875rem) is commonly used for small text (captions, labels, footnotes), tight padding, and tag elements. In responsive web design, using 0.6875rem instead of 11px ensures your labels and captions 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 0.6875rem instead of 11px, 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.