912940 - When 3 column, on wide screen the content column is to narrow

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect)

Description

[Jeremie Patonnier :Jeremie]

When a content page is displayed with 3 columns (review box on the left, main on the middle, toc on the right), the center column with all the relevant content is to narrow on wide screen (> 1200px)

Here is an example: https://developer.mozilla.org/en-US/docs/WebAPI/Mobile_Connection

Make the main column wider on large screen.

Comment 1

[David Walsh :davidwalsh]

Please provide a screenshot and width dimension.  The information provided here doesn't provide much insight.

Comment 2

[Jeremie Patonnier :Jeremie]

Attachment: 1920x900 screenshot

Here is the issue on a 1980px wide screen. The main text is quite big in proportion of the main column width.

At this point, the column is 460px wide for a 14px font size. Meaning the width of the column in em is about 33em. A width of 40 to 42em (560 to 580px) would have been nicer.

Comment 3

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/28811d9f865d38a9fb76f18567f8d15e7b1f983d
fix bug 912940 - Add media query for larger viewports

https://github.com/mozilla/kuma/commit/adfe14a154e63e111cbc0a2e8ce8bf6fa9a828d8
Merge pull request #1343 from darkwing/larger-viewports-912940

fix bug 912940 - Add media query for larger viewports

Comment 4

[Mihai Chereji]

Attachment: Screenshot from 2013-10-04 12:20:17.png

While this might have been fixed for large screens, it's still an issue with mid-resolution screens, like my 1366*768 laptop.

Code snippets (like the one attached) become near-unreadable in the three column layout.

Comment 5

[Mihai Chereji]

PS -  the screenshot is taken from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach?redirectlocale=en-US&redirectslug=JavaScript%2FReference%2FGlobal_Objects%2FArray%2FforEach