Front end

The em compounding visualiser

Nest four elements, give each one a font size, and see what the browser really computes. One rem anywhere in the chain changes the whole answer.

Set a font size on each nested level and watch what the browser actually computes. This is the reason em surprises people and rem does not.

What the browser computes

The same thing, rendered

View Comments (3)

Leave a Reply

Subscribe to My Newsletter

Subscribe to my email newsletter to get the latest posts delivered right to your email. Pure inspiration, zero spam.

Discover more from Discuss Data Science, Machine Learning and Analytics

Subscribe now to keep reading and get access to the full archive.

Continue reading