Bug Fix: Correct Navigation Item Alignment in Navbar on Non-Home Pages

[harmeetsingh11]

Related Issue

Closes #35

Description:

Addresses an issue where the navigation items in the navbar were not correctly aligned on pages other than the home page. The bug caused the items to display on separate lines, resulting in a visually inconsistent layout.

Changes:

• Identified and fixed the CSS or layout-related issue causing the misalignment.
• Adjusted styling to ensure that all navigation items are consistently displayed in a single line on non-home pages.
• Tested the changes across various pages to confirm the corrected alignment without introducing new issues.

Files modified:

• Pages/3D-Visualizations/style.css
• Pages/About-Us/style.css
• Pages/Doubt Engine/style.css
• Pages/Quizes/style.css
• Pages/Simulation/style.css
• Pages/Videos/style.css

Testing:

• Manually tested the corrected alignment on different non-home pages.
• Checked for responsiveness across various screen sizes and devices.

Screenshots

Before this PR

After this PR

Virtuo-Learn.mp4

Checklist

• My code adheres to the established style guidelines of the project.
• I have included comments in areas that may be difficult to understand.
• My changes have not introduced any new warnings.
• I have conducted a self-review of my code.

@JAYESH-BATRA please review this PR.
Thanks :)

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
virtuo-learn	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 5, 2024 4:42pm

[JAYESHBATRA]

@harmeetsingh11 The navbar is still not fixed on Home Page and About Us Page . It is fixed on Simulations, 3D Visualizations, Quizes, Videos and Dobut Engine. Kindly do the necessary changes and raise a new PR.

Home Page & About Us Page:

Other Pages:

[harmeetsingh11]

@JAYESHBATRA please reopen the pull request, I'll make the changes in the same PR.

[JAYESHBATRA]

Ok @harmeetsingh11