Skip to content

[Blog] Align Blog Post Content#113

Merged
rasulkireev merged 1 commit into
masterfrom
rasul/blog-post-page-alignment
Jun 19, 2026
Merged

[Blog] Align Blog Post Content#113
rasulkireev merged 1 commit into
masterfrom
rasul/blog-post-page-alignment

Conversation

@rasulkireev

Copy link
Copy Markdown
Collaborator

Summary

  • Align the blog post article card with the blog hero container.
  • Keep the article card constrained to the existing readable width.

Testing

  • git diff --check
  • pre-commit djLint linting for Django passed during commit

Notes

  • Local pytest and frontend build were not run before PR creation because this worktree did not have Python test dependencies or node_modules installed.

@greptile-apps

greptile-apps Bot commented Jun 19, 2026

Copy link
Copy Markdown

Greptile Summary

This PR adjusts the blog post detail layout by moving the max-w-4xl width constraint from the outer bw-container div to the article element itself, matching the pattern already used in the hero section above. The bw-container utility sets a max-width of 72rem (width: min(100% - 2rem, 72rem)); without max-w-4xl, it now expands to that wider boundary while the article card stays at 56rem (4xl) and left-aligns to the container edge — mirroring how the hero text block works.

  • The hero section already wraps its title content in a max-w-4xl div inside a plain bw-container, so this change creates visual alignment between the hero and the article card's left edge.
  • The article does not gain mx-auto, so on viewports wider than 896px the card sits flush-left within the 72rem container rather than centered — this is intentional per the PR description and consistent with the hero layout.

Confidence Score: 5/5

This is a safe, minimal template layout change — one line modified, no logic affected.

The change swaps which element carries max-w-4xl to align the article card with the pre-existing hero layout pattern. Both the hero and the article card now share the same container boundary; the visual result is intentional left-alignment matching the hero text block, not a regression.

No files require special attention.

Important Files Changed

Filename Overview
templates/blog/post_detail.html Moves max-w-4xl from the outer div.bw-container to the inner article element, aligning the article card's left edge with the hero section's max-w-4xl inner content rather than centering the article at a narrower container width.

Reviews (2): Last reviewed commit: "fix: align blog post content with hero" | Re-trigger Greptile

@rasulkireev

Copy link
Copy Markdown
Collaborator Author

@greptile review

@rasulkireev
rasulkireev merged commit fe7709c into master Jun 19, 2026
3 checks passed
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.

1 participant