Repository navigation
docs(site): align every container to one grid, drop section eyebrows - #55
Merged
Merged
Conversation
The nav and footer put their horizontal padding on a wrapper OUTSIDE the max-width box while every section put it inside, so their content sat at x=275.6 against the sections' 299.6 - a 24px mismatch on both edges. The Spaghetti Point grid had the same shape. All of them now use one convention, max-w-280 mx-auto px-6 on the element itself, and every container's content lines up at 299.6/1371.6. Section headings also stand alone now: the "Quickstart" and "The Gap" eyebrows and the "The rules" pill are gone, matching the sections that already opened with the heading alone. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015e3bqn8QmG1H2fgHL15RoH
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Levironexe
added a commit
that referenced
this pull request
Oct 23, 2026
docs(site): align every container to one grid, drop section eyebrows
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Container alignment
The nav and footer wrapped their horizontal padding around the outside of the max-width box; every section put it inside. Measured content edges before:
All of them now use one convention,
max-w-280 mx-auto px-6on the element itself. Re-measured after: every one of the eight containers reports 299.6 / 1371.6.Heading convention
Sections open with the heading alone. Removed the
QUICKSTARTandTHE GAPeyebrows and theThe rulespill, matching the sections that already had no label above the heading.Verified
pnpm run buildpasses. Measured all container edges in the served production build and confirmed a single distinct left edge.🤖 Generated with Claude Code
https://claude.ai/code/session_015e3bqn8QmG1H2fgHL15RoH