Fix Container Color and Align Navbar Items

[Evadshell]

Description: Currently, there is an issue with the VedicVani website where the container color is not being applied correctly when scrolling down. This is because the height of the container is fixed, which prevents the color from being applied until the bottom of the page. Additionally, the alignment of navbar items like "Home", "Resources", and "About Us" could be improved by aligning them to the right to enhance the overall visual appearance of the website.

Proposed Changes:

1.Adjust the container height to allow the background color to be applied throughout the entire page when scrolling. 2.Align navbar items like "Home", "Resources", and "About Us" to the right for better visual consistency and aesthetics.

Expected Benefits 1.Improved user experience by ensuring consistent color application throughout the page. 2.Enhanced visual appearance of the navbar with aligned items, leading to better navigation clarity.

Screenshots

I am eager to contribute to the VedicVani project and believe that resolving this issue will positively impact the website's usability and aesthetics. I kindly request the project maintainers to assign this issue to me so that I can begin working on it promptly. Thank you for considering my contribution!

[Evadshell]

please assign this issue to me @Omkar-Sonawane-23

[IP80808080]

👋 Hello! I'd be happy to help with this issue. Could you please assign it to me? Additionally, could you please label it for the appropriate level? Thank you! 🚀

[Evadshell]

I've raised a PR