Skip to content

Quality: Non-responsive Fixed Width Layout#637

Merged
offa merged 1 commit intooffa:masterfrom
tryboi:contribai/improve/quality/non-responsive-fixed-width-layout
Apr 9, 2026
Merged

Quality: Non-responsive Fixed Width Layout#637
offa merged 1 commit intooffa:masterfrom
tryboi:contribai/improve/quality/non-responsive-fixed-width-layout

Conversation

@tryboi
Copy link
Copy Markdown
Contributor

@tryboi tryboi commented Apr 8, 2026

Summary

Quality: Non-responsive Fixed Width Layout

Problem

Severity: Low | File: index.html:L15

The CSS sets a fixed width of 960px for the main element. This overrides the responsiveness intended by the viewport meta tag, causing horizontal scrolling on mobile devices or small windows.

Solution

Change 'width: 960px;' to 'max-width: 960px; width: 100%;' to allow the layout to shrink on smaller screens.

Changes

  • index.html (modified)

Testing

  • Existing tests pass
  • Manual review completed
  • No new warnings/errors introduced

Generated by ContribAI v6.0.0

The CSS sets a fixed width of `960px` for the `main` element. This overrides the responsiveness intended by the viewport meta tag, causing horizontal scrolling on mobile devices or small windows.

Affected files: index.html

Signed-off-by: tryboi <270171460+tryboi@users.noreply.github.com>
Copy link
Copy Markdown
Owner

@offa offa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@offa offa merged commit 988b13e into offa:master Apr 9, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants