Skip to content

Responsive layout issues on 21:9 screens (and possibly other aspect ratios, resolutions) #9

@dan0dev

Description

@dan0dev

Description:

The screenshot below was taken on a 21:9 ultrawide display. The main container section does not appear visually pleasing — it looks stretched or leaves too much empty space, making the layout feel unbalanced.

It's likely that similar responsive issues could occur on other uncommon screen aspect ratios as well.

Example resolution to reproduce the issue: 1675x970.

Possible solution:

Apply a min-height to the main container

Review general responsive behavior for edge-case screen ratios

Related commit:

There was a previous attempt to improve responsiveness, mainly focused on mobile views:
4821f4c – fix: resolve layout issues for better responsiveness

Screenshot:

Image

Prefered layout:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workinggood first issueGood for newcomers

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions