Skip to content

Add navbar styles and responsiveness#668

Open
Dippp10-ally wants to merge 1 commit into
Somil450:mainfrom
Dippp10-ally:patch-1
Open

Add navbar styles and responsiveness#668
Dippp10-ally wants to merge 1 commit into
Somil450:mainfrom
Dippp10-ally:patch-1

Conversation

@Dippp10-ally
Copy link
Copy Markdown

@Dippp10-ally Dippp10-ally commented Jun 1, 2026

📌 Related Issue

Fixes #667


📝 Description

Added navbar styles and responsive design improvements to ensure the navigation adapts smoothly across different screen sizes and devices.

🔹 What has been changed?

  • Added responsive navbar styling for smaller screen widths.
  • Improved navigation layout, spacing, and alignment across mobile, tablet, and desktop views.
  • Added media queries to enhance usability and prevent layout issues on different screen sizes.

🔹 Why are these changes needed?

The existing navigation was not fully optimized for smaller screens, which could lead to alignment and usability issues. These changes improve the user experience by making navigation more accessible and responsive across various devices.


🛠️ Type of Change

Please mark the relevant option(s):

  • 🐛 Bug Fix
  • ✨ New Feature
  • 🎨 UI/UX Improvement
  • 📖 Documentation Update
  • ⚡ Performance Improvement
  • 🔧 Refactoring
  • 💥 Breaking Change

🧪 Testing

Describe how you tested your changes.

✅ Tests Performed

  • Tested locally
  • Build runs successfully
  • No console errors
  • Responsive design checked
  • Existing functionality verified

🌐 Browsers Tested

  • Chrome
  • Firefox
  • Edge
  • Safari

📷 Screenshots / Demo (if applicable)

Please attach screenshots, GIFs, or demo videos for UI-related changes.


📋 Checklist

Before submitting this PR, please confirm the following:

  • I have read the project's CONTRIBUTING guidelines
  • My code follows the project style guidelines
  • I have performed a self-review of my code
  • I have tested my changes locally
  • I have added/updated documentation where necessary
  • My changes do not introduce new warnings or errors
  • This PR is linked to an existing issue

💬 Additional Notes

This PR only introduces styling updates for navigation responsiveness. No application logic, dependencies, or backend functionality were modified.

Added navbar styles and responsive design for various screen sizes.
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 1, 2026

@Dippp10-ally is attempting to deploy a commit to the somiljain2024-4175's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Dippp10-ally
Copy link
Copy Markdown
Author

@Somil450 ji , do assign labels called as gssoc:approved , level:intermediate , type:feature , quality:exceptional to above pull request number 668 also....do merge above pull request number 668 also....

@Dippp10-ally
Copy link
Copy Markdown
Author

@Somil450 ji , below is screenshot prior to making changes.....
Screenshot (10344)

@Dippp10-ally
Copy link
Copy Markdown
Author

@Somil450 ji . below are screenshots after making changes.....
Screenshot (10345)
Screenshot (10346)
Screenshot (10347)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE]: Improve navbar responsiveness across all devices

1 participant