I maintain a small blog and the screen is effectively cut in half on a 4k screen, with the right half being whitespace.
While I know there are a lot of good visual reasons for this, most of my blog entries contain large code samples, requiring the pre/code boxes to scroll at the current width in most cases.
What I have done is fork it over at https://github.com/erikh/hydeout and added a single commit to add the max-width to 76rem in the large media layout, but I assume you will want to make it configurable instead, so I did not submit as a pull request. I am not that familiar with this stack.
Hope this is useful commentary, the result looks nicer I think:
@erikh Thank you for writing this up! I am very new to css and html, so it was taking me quite some time to figure out which parameter controlled post width.
I maintain a small blog and the screen is effectively cut in half on a 4k screen, with the right half being whitespace.
While I know there are a lot of good visual reasons for this, most of my blog entries contain large code samples, requiring the pre/code boxes to scroll at the current width in most cases.
What I have done is fork it over at https://github.com/erikh/hydeout and added a single commit to add the max-width to 76rem in the large media layout, but I assume you will want to make it configurable instead, so I did not submit as a pull request. I am not that familiar with this stack.
Hope this is useful commentary, the result looks nicer I think:
The original: