Skip to content

Adjust main container margins and max-width#193

Merged
fabiankaegy merged 1 commit intomainfrom
fix/main-container-css
Apr 8, 2026
Merged

Adjust main container margins and max-width#193
fabiankaegy merged 1 commit intomainfrom
fix/main-container-css

Conversation

@claytoncollie
Copy link
Copy Markdown
Contributor

Summary

  • Removed the 4rem top/bottom margins on main > .container — too much spacing on most viewports
  • Removed the default max-width cap — content area was too narrow on certain widths
  • Added a responsive cap at 1440px using --ifm-container-width-xl so it doesn't run wild on large screens

Test plan

  • Check doc pages at various viewport widths
  • Confirm content fills available width below 1440px
  • Confirm content caps at --ifm-container-width-xl above 1440px
  • Verify footer and sidebar are unaffected

Remove excessive top/bottom margins on main container and
widen content area with a responsive max-width cap at 1440px.
@claytoncollie claytoncollie self-assigned this Apr 8, 2026
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 8, 2026

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

Project Deployment Actions Updated (UTC)
10up-gutenberg-best-practices Ready Ready Preview, Comment Apr 8, 2026 9:38am

@fabiankaegy fabiankaegy merged commit ce40ac6 into main Apr 8, 2026
7 checks passed
@fabiankaegy fabiankaegy deleted the fix/main-container-css branch April 8, 2026 12:46
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.

2 participants