2px = 0.125rem

CSS Example

/* 2px as rem */
.element {
  border-width: 0.125rem; /* 2px */
}

When to Use 2px (0.125rem)

A value of 2px (0.125rem) is commonly used for hairline borders, dividers, and subtle separators. In responsive web design, using 0.125rem instead of 2px ensures your borders and dividers 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.125rem instead of 2px, 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.