3 ms·
I appreciate the desire for stripped-down websites, but "body { max-width: 800px; }" makes a world of difference for readability.
by _bxg1 7y ago
I appreciate the desire for stripped-down websites, but "body { max-width: 800px; }" makes a world of difference for readability.
- NoodleIncident 7y agoFirefox reader mode is pretty useful in these cases, and can also save you from websites with the opposite problem.
- _bxg1 7y agoTrue, but sadly Chrome still lacks a reader mode for whatever reason
- dredmorbius 7y agoThis is where em rather than px (or rem) units is preferred. body { margin: 2rem auto; padding: 2rem; width: auto; max-width: 45em; } Works in most instances, even without @media queries. https://codepen.io/dredmorbius/full/KpMqqB https://codepen.io/dredmorbius/full/KpMqqB