Skip to content

Bug: Interface adaptability issues in game mode #2288

@Swiftaksinija

Description

@Swiftaksinija

Summary

Incomplete display of the “Home” navigation button and appearance of horizontal scrolling on mobile resolutions.
Current version: 7f70a75

Image

Reproduction steps

-Open codebattle.hexlet.io and log in.
-Create a game or join an existing one.
-Switch to mobile device emulation mode in your browser (resolution 390x801).
-Please note the upper right corner of the game interface.

Expected result

Navigation elements automatically scale or rearrange themselves to fit the screen width. The “Home” button is fully visible within the first screen without the need for horizontal scrolling.

Actual result

The game interface does not adjust to a screen width of 390px. The Back to Home button is cut off by the right edge of the screen. To see and press the button completely, the user must use horizontal scrolling (scroll to the right).

Browsers

Chrome

OS

Mac

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions