Skip to guide content
Random Addingby Melirate

Accessibility

Setup: narrow-screen layout

Use the setup screen on a narrow viewport and scroll when the secondary action falls below the visible area.

Available locallyScreen guide

Before you start

  • Open setup on a phone-sized or narrow browser window.

Steps

  1. Review the primary action

    Play now remains the primary action. At some small heights, Challenge friends may need a short scroll.

    Open the Setup: narrow-screen layout guide

  2. Scroll for the secondary action

    If Challenge friends is below the fold, scroll the page rather than assuming the action is missing.

    Open the Setup: narrow-screen layout guide

What to expect

  • The reviewed local layouts avoid horizontal clipping at narrow widths.

Other paths

Visual guide

Annotated screens

Each numbered note names the control or state marked on the screen.

Actual setup at 312 × 568 CSS pixels. The primary Play now action is within the short mobile viewport.View full-size original annotated screen (new tab)
Annotated Random Adding screen.

What the numbered markers show

Actual setup at 320 × 568 CSS pixels. The primary Play now action is within the short mobile viewport.View full-size original annotated screen (new tab)
Additional annotated screen state.

What the numbered markers show