Blog Write Center Aligned

[anushkasark08]

• Closes Issue: Blog Writing Section Alignment #556

Rationale for this change

The blog writing section (Author Name, Blog Title, Blog Content, etc.) was previously left-aligned, which made the page layout look unbalanced and inconsistent with the overall centered design of other sections.

This change ensures the blog writing form is center-aligned horizontally, improving readability, visual balance, and user experience.

What changes are included in this PR?

• Updated CSS for .blog-form-wrapper to use max-width and margin: 0 auto; so that the form is centered.
• Adjusted .writing-layout to use flexbox for proper horizontal centering.
• Ensured responsiveness:
  • On larger screens, the form stays centered with a fixed max-width.
  • On smaller screens (mobile), the form expands to full width for better usability.

Are these changes tested?

• Verified locally in browser (Chrome & Brave) on different screen sizes.
• Tested responsiveness by resizing window and checking mobile view in DevTools.
• Confirmed that form content remains accessible and properly aligned.

Are there any user-facing changes?

Yes.

• The blog form is now centered horizontally instead of left-aligned.
• This provides a cleaner and more professional user experience.

Screenshots

Before (Left-aligned):

After (Centered):

I have fixed the issue and raised the PR #556 ....Kindly check and merge my pr

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[netlify]

✅ Deploy Preview for growcraftt ready!

Name	Link
🔨 Latest commit	07fa5e9
🔍 Latest deploy log	https://app.netlify.com/projects/growcraftt/deploys/68cd106f068f2700081afd58
😎 Deploy Preview	https://deploy-preview-558--growcraftt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.