logoalt Hacker News

f311a • today at 9:51 AM • 6 replies • view on HN

This website is so hard to read on a 15" retina screen.

The text content occupies like 20% of the screen, the rest is empty. Resizing the window helps.


Replies

acidburnNSA • today at 11:03 AM

Firefox reader view is made for this issue. Adjust the content width slider a bit and it's great.

pavel_lishin • today at 2:24 PM

Ironically, making my Firefox window smaller - about 830 pixels wide - made the text content wider, taking up the full width.

Making it wider than about a thousand pixels shrinks the text column down to 400 pixels.

A weird design choice.

mgr86 • today at 1:22 PM

fwiw, I like to set max-width of columns of text to about `64ch`. In smaller view ports I may go down to about 45ch. But I feel the range of 50-65ch is ideal for reading. Setting to 20% or 20 vw is a bit dangerous for this precise issue.

ulimn • today at 11:20 AM

It was unpleasant on a 27" 1440p monitor as well. I think the content is just too narrow in general.

embedding-shape • today at 10:36 AM

The CSS of that website is weird in general, seems to be coming from whatever the kids use today that works like Dreamweaver. The width is so small because the layout is a grid for some reason, although it's just two columns. That same column has a "min-width: 0" and seems like that's happening in more places too, properties set to their defaults? Looks really strange overall.

jasonlotito • today at 12:58 PM

This is why good browsers have a reader mode. Click a button and you can make it easily readable for you if you have challenges reading. I don't know why you would resize the window. Just use reader mode.

➕ show 1 reply