Practical guide to CSS relative units: em scales with the parent’s font size for proportional text/spacing; rem scales to the root (HTML) for consistent, app‑wide sizing; percentages size elements by parent dimensions for flexible, responsive layouts. Includes examples and best practices: set global type in rem, use % for layout, avoid mixing units, and test across browsers/devices.