[style]: Updated blog styles to align header and footer

[akshay0611]

🛠️ Fixes Issue

Fixes: #3330

👨‍💻 Description

What does this PR do?

This PR focuses on enhancing the consistency of header and footer styles across multiple blog pages on the website, ensuring uniformity and better user experience.

Changes Implemented:

• Aligned the header and footer styles of the following blog pages to match the design standards of other pages:
  • "Mutual Funds 101: A Beginner’s Guide to Smart Investing"
  • "Saving for the Future: Strategies and Benefits"
  • "Real Estate Economics: Understanding the Market Dynamics"
  • "Types of Stock Investment: A Quick Guide"
• Updated styles include typography, spacing, and overall layout to improve visual harmony.

Impact on the Project:

• Enhances design uniformity across the website, providing a consistent look and feel.
• Improves user readability and navigation, especially on the blog pages.
• Resolves the discrepancies in header and footer styles for the mentioned blogs.

📄 Type of Change

• [✅] Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (adds or updates related documentation)

📷 Screenshots/GIFs (if any)

Before Changes (Example Blog - "Mutual Funds 101: A Beginner’s Guide to Smart Investing"):

• Header and footer styles were inconsistent with other pages.

After Changes (Example Blog - "Mutual Funds 101: A Beginner’s Guide to Smart Investing"):

• Header and footer have been updated to align with other pages, ensuring design consistency.

✅ Checklist

• [] I am a participant of GSSoC-ext.
• [✅] I have followed the contribution guidelines of this project.
• [✅] I have made this change from my own.
• [] I have taken help from some online resources.
• [✅] My code follows the style guidelines of this project.
• [✅] I have performed a self-review of my own code.
• [] I have added documentation to explain my changes.

Mandatory Tasks

• [✅] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

🤝 GSSoC Participation

• [] This PR is submitted under the GSSoC program.
• [] I have taken prior approval for this feature/fix.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
finveda	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 23, 2024 4:57am

[github-actions]

Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊