Skip to content

Fix homepage hero wrapping and narrow layouts - #944

Merged
SUaDtL merged 2 commits into
mainfrom
codex/fix-homepage-responsive-oct10
Oct 10, 2026
Merged

SUaDtL merged 2 commits into
mainfrom
codex/fix-homepage-responsive-oct10

Conversation

@SUaDtL

@SUaDtL SUaDtL commented Oct 10, 2026 •

Copy link
Copy Markdown
Collaborator

The homepage heading broke codeArbiter across lines because its measure was limited to 9ch and its display scale crowded the two-column hero. Give both columns room to shrink, widen the heading measure, and use a smaller fluid scale with whole-word wrapping.

The change is limited to five CSS adjustments and one browser regression. Product copy and package versions are unchanged.

Validation:

  • Reproduced broken title words at five viewport widths before the fix.
  • All seven production-browser cases pass from 320 to 1920px, checking whole words, viewport containment and video controls.
  • 38 existing landing tests, TypeScript checks, production build and secrets checks pass. Screenshots reviewed at phone, narrow desktop and wide desktop widths.
  • Rechecked the combined production build, all seven browser widths, typecheck and staged secrets after integrating main. Exact-head hosted checks must pass before merge.

Base: ee70aa8851f2b96500e1b27085e3466ab222445d. Head: 75b2d8b6b0f5debf0d158308977f2188d141efd5. The installed ADR ancestry verifier selects squash; revalidate immediately before merge.

The hero's nine-character heading measure split codeArbiter mid-word,
while the display type and minimum proof column squeezed the layout.
Use a readable fluid scale, whole-word wrapping and flexible columns.

CHANGELOG: Keep the homepage title and proof card within responsive layouts.
@coderabbitai

coderabbitai Bot commented Oct 10, 2026 •

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 8 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used all 2 included reviews currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: Repository YAML (base), Central YAML (inherited)
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 27dc58d7-63b1-44f9-8d45-ecc0daf8d365

📥 Commits

Reviewing files that changed from the base of the PR and between ee70aa8 and 75b2d8b.


📒 Files selected for processing (2)
  • site/src/styles/landing.css
  • site/test/browser/homepage-responsive.spec.ts

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@SUaDtL
SUaDtL merged commit 209d5e6 into main Oct 10, 2026
50 checks passed
@SUaDtL
SUaDtL deleted the codex/fix-homepage-responsive-oct10 branch October 10, 2026 06:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant