When to Use Em vs. Rem

Both

em

and

rem

are flexible, scalable units which are translated by the browser into pixel values, depending on the font size settings in your design.





While

em

is relative to the font-size of its direct or nearest parent,

rem

is only relative to the html (root) font-size.