correct page alignment issue

[Yashop181]

Related Issue

[Assigned #684. This is BUG: #684]

Description

I noticed an overflow issue in the project where the content extended beyond its container boundaries, causing elements to overlap and negatively affect the layout. This pull request fixes the alignment of the page, ensuring that all elements are correctly contained within their respective boundaries.

Type of PR

• [X] Bug fix

Screenshots / Videos (if applicable)

Checklist:

• [X] I have performed a self-review of my code.
• [X] I have read and followed the Contribution Guidelines outlined in the project's documentation.
• [X] I have thoroughly tested the changes before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.

Additional Context:

This fix addresses the overflow issue by adjusting the container styles and ensuring proper alignment of all elements. This change will enhance the overall layout and prevent elements from overlapping.

[github-actions[bot]]

Excellent work🚀🚀, @Yashop181! Thank you for submitting your pull request. Your contribution is valuable, and we appreciate your efforts to improve our project. We will review your changes promptly and provide feedback. Keep up the excellent work! Please remember to check our documentation and guidelines.

[netlify[bot]]

✅ Deploy Preview for blogzen-opensource ready!

Name	Link
🔨 Latest commit	8a7054c091d1dddba820bd98c204d4f54588fffb
🔍 Latest deploy log	https://app.netlify.com/sites/blogzen-opensource/deploys/669234528c5ba500099a8f16
😎 Deploy Preview	https://deploy-preview-685--blogzen-opensource.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 site configuration.

[github-actions[bot]]

This PR has been automatically closed due to inactivity from the owner for 15 days.