CSS px vs em vs rem units

This video explains the differences between using the CSS units - px, em, and rem. It talks about how you can use any of the units for font-sizing, padding, margin, and borders as well as the pros and cons of using each.

[danapink]

I watched so many videos but my confusions were clear after watching yours. Thanks man

[aricwilliamsdeveloper]

best dam explanation i've heard. solid work steve!

[silksong]

Thinking about em hurts my brain. I can just imagine the frustration of developers working with that unit. But awesome video again! I got a great basic grasp of the units even though I am still a little confused with the em.

[jeff-creations]

Sold. "Rem" it is going forward. Thanks for the clarity.

[anilpanda]

Steve Thanks a lot for the video. It made it so clear in my head.

[saoudeltelawy]

The best Video ever for the differences!!!

[shobitsharma]

All my doughts are cleared now.
Thanks

[being-natural]

Excellent, thanks so much steve, Love from India.

[edengrace]

That was an excellent comparison. Thank you.

[quietackshon]

Fact check:
'em' refers to the width not the height of the capital 'M'. It is based on a square so the height is the same. However, when talking about an 'en', half an 'em', this can only refer to width, so height can't be the correct measure. Besides it wouldn't make any sense when kerning type.

[elEntrampe]

Thanks a lot, you just make it simple to understand

[paulcharman]

Not sure if this comment will get read given the age of the video but given your excellent demonstration, what would be a good use of ems then?
Paul C

[jorget]

una explicación bastante sencilla me convertiste creo que utilizare rem

[heyimamaker]

I came here for the REM's but confirmed that EM's in my mind terrible!