Handle larger screen resolutions

[ferrreo]

Hi,

Great service but legibility is greatly hindered on larger resolution displays.

At 4k for example everything is crammed to the left and makes it exceptionally hard to read.

Switching to margin auto for left and right margin combined with a larger width for max-w-prose with a media query for larger resolutions seems to be effective:

Is this something that could be looked into please?

Thanks

[bradgessler]

I could center it on wider screens and look into maybe making the text column slightly wider. I’m hesitant to do the latter because when text columns are too wide, it actually hurts readability.

I need to spend more time researching this, but a quick search while eating breakfast strawberries 🍓 turned up https://graphicdesign.stackexchange.com/questions/13724/recommended-column-width-for-text-reading-digital-vs-printed with a lot of good resources about optimal line width.

I’m hoping to avoid this, but at some point I wouldn’t be surprised if I have to make this a setting on the website.

[bradgessler]

One follow up question: do you browse the web in full screen as your screenshot shows? If not, could you take a screenshot of what the content looks like under your normal web browsing circumstances?

I have a 5K display and never browse in full screen, so I never run into the “large screen” problem.

Also what OS do you use? macOS users tend to be more comfortable having a bunch of smaller windows open on a screen at a given time, whereas windows users tend to have one window on screen maximized.

This info will help me better fine tune things, thanks!

[bradgessler]

Alrighty, I think this is reasonable. Here's before on a 5K display:

And after:

Changes I made:

• Content is centered on larger displays
• Text content is slightly wider on large displays

[ferrreo]

I browse fullscreen on linux, mac and windows at 4k. Changed look good, thanks for the quick fix!

[bradgessler]

Thanks for the feedback! I find myself liking the new look on a huge screen to 😎