Skip to content

style: constrain page margins#15

Merged
sebastian-noel merged 1 commit into
mainfrom
style/constrain-page-margins
Jun 13, 2026
Merged

style: constrain page margins#15
sebastian-noel merged 1 commit into
mainfrom
style/constrain-page-margins

Conversation

@cunkin375

Copy link
Copy Markdown
Collaborator

Pull Request

Description

Adds styling constraints to the main page that fix problems when making components.

Type of Change

  • feat: New feature
  • fix: Bug fix
  • chore: Maintenance (dependencies, config, etc.)
  • docs: Documentation only
  • style: Code style (formatting, no logic change)
  • refactor: Code refactor (no new feature or fix)

Changes Made

In page.tsx

  • max-w-7xl: Constrains content to a maximum width of 80rem (1280px)
  • w-full: Spanning for smaller screens (mobile will still look like ass)
  • mx-auto: Centers blocks horizontally when the screen is wider than 1280px

Screenshots (if applicable)

Before

image image

After

image image

Checklist

  • My code follows the project's style guidelines
  • I have performed a self-review of my code
  • I have tested my changes locally
  • npm run lint passes without errors
  • npm run build completes successfully

Related Issues

@StevScripts StevScripts left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@sebastian-noel sebastian-noel merged commit 95ae80e into main Jun 13, 2026
2 checks passed
@sebastian-noel sebastian-noel deleted the style/constrain-page-margins branch June 13, 2026 19:02
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.

3 participants