Board width doesn't fit in mobile web/PWA

[elpamplina]

Exact URL of where the bug happened

The width of the game board does not fit correctly on the mobile screen, both in web mode and in PWA.

Steps to reproduce the bug

1. Open lichess.org in mobile web browser.
2. Start a game.
3. The board width doesn't fit in vertical screen.

What did you expect to happen?

The board should resize to fit the screen.

What happened instead?

The board is wider than the screen

Operating system

Android 15 (OPPO ColorOS 15.0)

Browser and version (or alternate access method)

Chrome 144 / Firefox 147

Additional information

Attached screenshots on both web and PWA modes.

[allanjoseph98]

I can't reproduce. A lot of people use the site to play on mobile and if this were really an issue we'd see a lot more complaints.

[elpamplina]

It seems that is a viewport issue. My phone's viewport is 320x623. You can reproduce it in Firefox developer tools (PC) setting any size less than 340 width (screens attached).

[ornicar]

I suppose we could aim to support 320px as the minimum viewport width.

[elpamplina]

Many thanks! You're great!