Fix: Horizontal Scrollbar due to content overflow on Homepage and Shlok dropdown fixed

[toastmaster-Pritam]

This pull request resolves issue #27 by addressing the horizontal scrollbar that appeared due to content overflow on the homepage. The following changes have been made to fix the issue:

1. Corrected the alignment of the shlok dropdown and buttons to prevent content overflow and ensure a visually appealing layout.
2. Removed unnecessary whitespace and ensured consistent styling throughout the homepage.

Changes Made:

• Moved the VedicVani logo and underlogo below the Krishna image for better layout alignment.
• Adjusted the positioning and styling of the shlok dropdown and buttons to prevent content overflow and improve visual aesthetics.
• Removed excess whitespace and optimized styling for a cleaner appearance.

Testing:

• Tested the homepage on various devices and screen sizes to verify that the horizontal scrollbar no longer appears.
• Verified that the layout remains visually appealing and consistent across different resolutions.
• Checked for any unintended side effects or regressions introduced by the changes.

Screenshots:

Related Issues:

• Fixes Bug: horizontal scrollbar in homepage #27

[Omkar-Sonawane-23]

PR Is Sheduled.

[toastmaster-Pritam]

@Omkar-Sonawane-23 why is this branch now showing conflicts? It was not here before

[Omkar-Sonawane-23]

@toastmaster-Pritam Great, but The Krishnas Basuri In HomePage is Not Aligned Properly can Check This Please.