Skip to content

Fix page layout width and section navigation - #96

Merged
sanity merged 1 commit into
mainfrom
agent/page-layout
Jul 31, 2026
Merged

Fix page layout width and section navigation#96
sanity merged 1 commit into
mainfrom
agent/page-layout

Conversation

@sanity

@sanity sanity commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What changed

  • widen long-form prose from 36rem to 42rem and pair it with an 18px/1.6 reading treatment
  • give section landing pages the full site shell instead of the article-width container
  • render child-page summaries as responsive cards
  • remove the redundant nested .section wrapper that doubled page padding, especially on mobile
  • use theme-aware link color in section cards

Why

The default list and single layouts applied the same 576px article container to nearly every page. That kept line length readable, but made landing and index pages look stranded inside large gutters and left useful page width unused.

Validation

  • hugo --minify --gc — 123 pages built successfully
  • Playwright representative screenshots at mobile, tablet, laptop, and desktop widths in light and dark modes
  • Playwright all-page audit: 94 sitemap URLs at 375, 768, 1024, 1366, and 1920px (470 combinations), with zero horizontal overflow or new browser errors

A pre-existing mobile canvas error in the July 2026 Reveal presentation reproduces on the deployed site and is unrelated to this change.

@sanity
sanity merged commit 21e1e05 into main Jul 31, 2026
2 checks passed
@sanity
sanity deleted the agent/page-layout branch July 31, 2026 17:24
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