Closed Bug 912894 Opened 11 years ago Closed 11 years ago

MDN does not fit well on small screen (1024px wide)

Categories

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

defect
Not set
normal

Tracking

(Not tracked)

RESOLVED WORKSFORME

People

(Reporter: Jeremie, Unassigned)

References

Details

Attachments

(1 file)

I'm just testing the new redesign. It appears that this design is not responsive and fit very badly on window smaller than 1000px. 

At minimum, it would be nice to allow the center column (with all the content) to shrink on smaller screen.

At best, it would be awesome to build media query break points to adjust the content for small screen.
Luke, do you have any info on how many users are at this resolution?
Flags: needinfo?(lcrouch)
From my perspective: I don't know the current statistic but it will prevent all the users with a tablet in portrait mode to access a nice version of MDN. (we could add a meta viewport to prevent this but this would be very hackish as it's very easy to play with the min/max-width css property to handle some minimum fluid layout)
This is what I see at 1000px:

http://screencast.com/t/a4AUPzu80LtQ

This is the tablet media query width (slightly less than 1000px, 963px in the following screenshot):

http://screencast.com/t/kthoAKNncZcD

What is the issue with these views?  They look professional and elegant to me.
Attached image 768x1024 screenshot
This what I get when using FF with a 768px width window

(screen shot of https://developer.mozilla.org/en-US/docs/Web/API/Navigator)
Here's what I see at said width:

http://screencast.com/t/kxyHbXkG7bPh
desktop vs. mobile vs. tablet: http://screencast.com/t/RCWO19MB

top 25 screen resolutions: http://screencast.com/t/m2dk572PaA
Flags: needinfo?(lcrouch)
Luke: don't forget that these data are skewed by the fact that the current MDN is next to be unusable on mobile and tablets.
YUI Compressor was causing errors with media queries -- I have a PR in to fix that now.  Details about the problem and solution here:

http://davidwalsh.name/yui-compressor-media-query-error
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → WORKSFORME
Product: developer.mozilla.org → developer.mozilla.org Graveyard
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: