Skip to content

fix: override flex-grow to properly center doc content#576

Open
nguyentuansi wants to merge 1 commit into
tscircuit:mainfrom
nguyentuansi:fix/docs-centering
Open

fix: override flex-grow to properly center doc content#576
nguyentuansi wants to merge 1 commit into
tscircuit:mainfrom
nguyentuansi:fix/docs-centering

Conversation

@nguyentuansi
Copy link
Copy Markdown

The .col:not(.col--3) rule in custom.css sets max-width: 1000px with margin: auto to center docs content, but Infima's .col class has flex: 1 0 which makes the column grow to fill all available space, preventing the auto margins from actually centering.

Adding flex: 0 1 auto !important overrides the grow behavior so the content properly centers within the viewport, matching the Bun docs layout.

Closes tscircuit/docs-old#64
/claim tscircuit/docs-old#64

Infima's .col uses flex: 1 0 which forces the column to grow and
fill available space, preventing margin: auto from centering.
Adding flex: 0 1 auto allows max-width + auto margins to center
content as intended, matching the Bun docs layout.
@vercel
Copy link
Copy Markdown

vercel Bot commented May 12, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
docs Ready Ready Preview, Comment May 12, 2026 0:04am

Request Review

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.

Docs are not properly centered

1 participant