[style]: Update Styles for Consistency Across Pages in "Mutual Funds 101: A Beginner’s Guide to Smart Investing" Blog

[akshay0611]

What's the style idea?

We need to improve the consistency of the styles across the website, particularly focusing on:

• Aligning the header style in the "Mutual Funds 101: A Beginner’s Guide to Smart Investing" blog to match the other pages.
• Ensuring the overall styles in this blog match the style used across other pages for uniformity.

Add screenshots

Before Changes:

• The before screenshots show the original state of the "Mutual Funds 101: A Beginner’s Guide to Smart Investing" blog.
• The header was inconsistent with the styles used on other pages.
• The general styling of the page did not align with the overall look and feel of the website, creating a lack of visual harmony.

After Changes:

• The after screenshots show the updated version of the blog after the style changes were applied.
• The header now aligns with the other pages, ensuring uniformity across the website.
• The overall styles have been updated to match the design standards used throughout the rest of the site, improving the aesthetic appeal and user experience.

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I have read the Contributing Guidelines
• [X] I agree to follow this project's Code of Conduct
• [ ] I'm a GSSoC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[github-actions[bot]]

✅ This issue has been successfully closed. Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀