This is a tiny CSS fix to simply remove the "width" attribute on code and pre. I wish someone from HN would fix this.

I agree, but that's the only option for posting something structured. I wish HN would give up and implement GitHub Flavored Markdown and allow us to post code snippets, nested lists, etc. Sorry, I do extra effort to convert HTML into comments - maybe I should write a tool instead. I try to always post a comment with release notes and not just an outbound link. It would be great if HN implements https://changelogs.md/ and gives an open to see the changelog without leaving the site.

Here's the problem:

  @media only screen and (min-width : 390px) and (max-width : 509px) {
    .comment { max-width: 350px; overflow: auto }
    pre { max-width: 260px; }
  }
  @media only screen and (min-width : 510px) and (max-width : 599px) {
    .comment { max-width: 460px; overflow: auto }
    pre { max-width: 340px; }
  }
  @media only screen and (min-width : 600px) and (max-width : 689px) {
    .comment { max-width: 540px; overflow: auto }
    pre { max-width: 400px; }
  }

They are putting max widths on child elements instead of letting the parent control things. It's foolishness.

But then, if you look at the html hacker news generates, it'll put you off your lunch.

How?

It's formatted monospaced text, its perfectly readable to me.

(on mobile)