page design is not responsive to different monitor sizes

Open
#147 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
45/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Quiet
Tech stack
javascript
Domain
design, frontend

Research direction

Start by reproducing the page at the reported 16:10, 3840x2400 viewport and compare it with the attached screenshot and video. Inspect the page layout responsible for the initial section and scrolling behavior. Done means the layout uses the available space more effectively and requires less scrolling across different monitor sizes.

Written by the indexing model from the issue text.

Description

My Lenovo Yoga9i laptop aspect ratio is 16:10 and 4k (3840x2400). the page design devotes 2/3rds of the window to the top to the initial section.

See Screenshot. To see the layout of the page based on my aspect ratio, view the short 1-min video.

I would like better use of space, and less scrolling.

Image

https://github.com/user-attachments/assets/a1849562-6900-4f02-976e-b0390847b636

Dominant language
JavaScript
Stars
3
Forks
4
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from MetaCell/interlex

All issues in MetaCell/interlex

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.