search

ASCIIwwdc / asciiwwdc.com

Searchable full-text transcripts of WWDC sessions
https://asciiwwdc.com
MIT License
555 stars 43 forks source link

Layout is not usable in small browser windows #26

Closed vfig closed 8 years ago

vfig commented 9 years ago

The container element on the site has a fixed width of 950px, and no minimum horizontal margins.

When the site is viewed in a small browser window—for example, when viewing the asciiwwdc transcript side by side with the PDF slides—this fixed width then requires horizontal scrolling, which makes it really hard to read. And the lack of a minimum horizontal margin means the text abuts the edges of the window, also impairing readability.

Here is the site as it appears in a small browser window, demonstrating the usability issues: problematic

Here is the site after tweaking the [role=container] css rules to remove the width: 950px rule, and to alter the margin 0 auto rule to margin 0 20px (to show the need for a minimum margin). tweaked

natecook1000 commented 8 years ago

Hi @adurdin — sorry for not responding sooner! I know I've tweaked the mobile CSS some; can you check and see if things look better for you?

vfig commented 8 years ago

Yep, this works beautifully now! Thanks!