Skip to content

fix: align post header and author meta with article body#88

Open
iampankajghosh wants to merge 1 commit intorailwayapp:mainfrom
iampankajghosh:fix/post-header-alignment
Open

fix: align post header and author meta with article body#88
iampankajghosh wants to merge 1 commit intorailwayapp:mainfrom
iampankajghosh:fix/post-header-alignment

Conversation

@iampankajghosh
Copy link
Copy Markdown

What

Author metadata (avatar, name, date) and post title were not aligned
with the article body on wider viewports.

Why

The body content is constrained to max-w-[736px] but the author row
and header were missing mx-auto, causing them to render wider than
the article body.

Changes

In layouts/PostPage.tsx:

  • Added max-w-[736px] mx-auto to the author metadata div
  • Added mx-auto to the existing max-w-[736px] on the <header>

Screenshots

Before:
before

After:
after

Closes #87

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.

fix: post header and author meta misaligned with article body content

1 participant