Layout is not usable in small browser windows
vfig opened this issue · comments
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:
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).
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?
Yep, this works beautifully now! Thanks!