1508341 - Make the MDN article content area wider; it's too narrow

Status: RESOLVED WONTFIX

(developer.mozilla.org Graveyard :: Design, enhancement, P3)

Description

[Eric Shepherd [:sheppy]]

The content column on MDN article pages is too narrow for comfort far too often. Some problems caused by the current width of our content column:

* Tables are often too narrow to properly present their contents neatly

* Source code blocks are far too often too narrow to display the full width of their contents, even when the code is not particularly wide

* Interactive example box is very narrow, with limitations placed on both the code and the rendered output widths that impact usefulness and convenience.

* Older-style "live" sample iframes sometimes have to scroll horizontally to display their full content, or examples are designed to artificially constrain the width despite a negative impact on usefulness or readability of the example

* Images have to be presented at an artificially narrow width that can be too narrow to be cleanly readable, especially for diagrams or images containing text. This is especially problematic for SVG diagrams.

* We are leaving a *lot* of screen space underutilized on most displays. We should make use of some of that. Even if only a small percentage is added to the content column width, it could make a big difference.

Comment 1

[Kadir Topal [:atopal]]

Hey Sheppy, can you provide examples for where you see these issues?

Comment 2

[BMO Automation]

MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.