CSScopeV1.1

Learn how CSS units work in real-time.

Control Panel

Quick Presets

Value

Unit

💡 Concept Guide: rem

Root EM (rem) is relative to the root font size of the website (usually <html>, which defaults to 16px). Essential for accessible web design!

Context Settings

Root Font Size (<html>)16px

Conversion Result

2rem = 32px

2rem × 16px (root font size) = 32px

Export CSS

.your-element {
  property: 2rem; /* approx. 32px */
}

Replace `.your-element` with your target selector.

w: 32px

h: 32px

2rem (≈ 32px)