3 ms·
Screenshot: https://i.imgur.com/MfEAvRp.png https://i.imgur.com/MfEAvRp.png I see you used "width: 60%" to specify the width of the article text. That's probab
by abjKT26nO8 6y ago
Screenshot: https://i.imgur.com/MfEAvRp.png https://i.imgur.com/MfEAvRp.png
I see you used "width: 60%" to specify the width of the article text. That's probably good for narrower screens, but on its own can have unpleasant effects on wider ones. Consider adding "max-width: 39em" to mitigate it. You may fiddle a bit with the exact value there to see what works for your website.
As to the text size, you used "font-size: 1.4em". I think that in this regard it's best to rely on the defaults and set "font-size: 100%" in "html, body" and then "font-size: 1rem" for the tag where the main text is contained.
- shrimp_emoji 6y agoOn a wide, 1440p monitor, with the browser window full-screen width, it looks fine to me. Smaller text would be harder to read. And it's not like the text is edge-to-edge wide. BUT https://contrastrebellion.com/ https://contrastrebellion.com/
- abjKT26nO8 6y agoI just retried viewing this page after rebooting into Windows and it looks completely different. The text is a lot smaller than on Linux. So Windows handles HiDPI a lot differently, it seems. But my own website looks exactly the same on Linux and Windows. I'm using a "reset.css" --- maybe that's what's at play here. In any case, our impressions being different only prove my point about standardized styling of webpages.