A little line-height and content max-width could go a long way
Anyways, I think we're all big boys and girls who can figure out how to use reader mode or resize a window in 2020. That's the whole beauty of the web browser.
danluu.com – more-readable text
body {
max-width: 65ch;
line-height: 1.3;
/* center the body in the viewport, and then add padding to make up for the default margin we overwrote */
margin-left: auto;
margin-right: auto;
padding-left: 0.5em;
padding-right: 0.5em;
}
I’ve had that style on for so long I forgot about this site’s terrible defaults. body {
max-width: 600px;
margin: auto;
line-height: 1.7em;
}
Much better :)