ASCIIwwdc / asciiwwdc.com

Searchable full-text transcripts of WWDC sessions

Home Page:https://asciiwwdc.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Layout is not usable in small browser windows

vfig opened this issue · comments

commented

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

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?

commented

Yep, this works beautifully now! Thanks!