CSS Unit Reference

• px — Absolute unit. 1px = 1/96th of 1 inch on screen.
• rem — Relative to the root element's font size. 1rem = root font size (typically 16px).
• em — Relative to the parent element's font size. Useful for component-scoped sizing.
• vw — 1% of the viewport width. Great for responsive layouts.
• vh — 1% of the viewport height. Useful for full-screen sections.
• % — Relative to the parent element. Context-dependent.
• pt — Points. 1pt = 1/72 of 1 inch. Common in print design.