Responsiveness from max-width 900px

[ShroudAnkit53]

Contributor Info

Your Name:
Ankit Kumar Sahoo

---

Related Issue

Fixes: #619

---

Description

In this PR, I have tried to fix the responsiveness from width especially from 700px to 900px where some of the navbar links are hidden outside the width range. So I have applied the responsiveness for max-width:700px in max-width:900px for better User experience.

---

Screenshots / Video (Before & After)

Before:

After:

TheCawnpore.-.Google.Chrome.2025-08-23.12-06-25.mp4

---

Checklist

• Mentioned the issue number in this PR.
• Created a separate branch (not main) before committing.
• Changes tested and verified.
• Attached necessary screenshots/videos for clarity.
• Code is clean, readable, and commented where necessary.
• No merge conflicts.
• Follows the design/style guide of the project.
• Added contributor name above.
• Confirmed that the feature fits well with the latest updated version of the website.
• Ensured images and layout are responsive (look good on both desktop and small screens like phones).

---

Extra Notes (Optional)

---

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼