DEV Community 👩‍💻👨‍💻

Discussion on: 15 CSS Relative units, how many do you know? em, rem, ex, cap, ch, ic...

courier10pt profile image
Bob van Hoove • Edited on

This is helpful, thanks :)

I often find myself using em to make a site readable on a widescreen. Something like p { max-width: 40em; line-height: 1.8em } usually does the trick. I've started using Stylus to 'fix' sites I frequent, like Wikipedia.

Pearsonified has a nice article and even a calculator to give you an indication of readable font size : line height : line width proportions.

bytegasm profile image
Bytegasm! Author

Thanks for these amazing resources.
Stylus seems nifty.
I personally stick to rem, % and occasionally vh & vw.