DEV Community

Discussion on: Side Project Sunday! What do you have going on?

Collapse
 
toheeb profile image
Dr SU

Published a tool that demonstrates the difference between px, em, and rem beyond their simplicity.

Lesson: em is better than rem for 3rd party stylesheets as it gives clients the most flexibility.

Collapse
 
victorioberra profile image
Victorio Berra

This is cool! Could you also show CSS snippets which update when you adjust the sliders?

Collapse
 
toheeb profile image
Dr SU

Thanks!

May I ask, what would you like to see: the code or values?

I assumed Devs could inspect for both, but sure that takes extra step.

Collapse
 
abm_dev profile image
Auroiah Morgan

awesome, never really knew that myself , Thanks!

Collapse
 
toheeb profile image
Dr SU

You're welcome Auroiah!

Same as I. Until I made that demo for an article I'm writing on the misconceptions of the 62.5% trick.

Collapse
 
shammisharma profile image
shammisharma

woww goog job Toheeb. Good tool to know the difference in one shot. Kudos 👍🏻

Collapse
 
toheeb profile image
Dr SU

I'm glad it was helpful