Tables are hard to read in small viewport about developer.chrome.com

[samthor]

Thanks for your feedback. Your solution could work on desktop but we have the same problem on small screened devices.

We're going to consider how we can potentially relayout this content where we have a small viewport to display it in.

[tophf]

FWIW, if the mobile devices constitute only a negligible portion of views you could go with this trivial solution of increasing the width first, then fix it properly in the future...

[robdodson]

I think there's an easy thing we can do to really improve this page. Our lists currently have left/right margins applied to them so they appear inset when they're inside body copy. But we're not removing those margins when lists are inside of tables so they're getting crushed.

Here's the above screenshot if we remove the margins.

I bet there's more we can do to improve the appearance of text inside of tables. I just did some fairly baseline styles for them but now that they have a lot of real and varied content, we can tweak things.

I don't think we should increase the overall line length of the page much (though we could bump it up a tad if folks want). But you don't want line lengths to run longer than around 60-80 chars because it becomes harder to read (the eyes struggle to read text on very long lines).

Wikipedia is a good example of a site that does this poorly. They don't constrain line lengths at all, so you end up with this:

Compared to something like Medium which constrains the line length to something like the 60-75 char range and is easier to read.

[tophf]

Indeed, Wikipedia is unreadable without a custom userstyle, but the blog example is also not ideal as 79 characters is too little for documentation, which is not a short blog article, it's a technical reference with complex formatting.

[tophf]

The original problematic table is readable now so I guess this issue can be closed.