Improper Navbar Responsiveness

[HUMANCODERMJ]

Description

• The navbar in the website is having improper responsiveness.

• The navbar buttons are getting hide between width 430 to 900

• The side bar is getting displayed below 430px

• To reproduce the bug:
  - run the frontend through npm run dev
  - open dev tools in browser
  - Toggle device emulation
  - Change the Dimension to Responsive and adjust the width between 430 to 900

• Width at 700px
  

Proposed Solution

• To fix the issue:
• Update Navbar Component i.e. src\components\shared\Navbar\Navbar.jsx
• and the Navbar css file i.e. src\components\shared\Navbar\Navbar.scss

Screenshots

No response

Browser 🥦

Google Chrome

Checklist ✅

• I checked and didn't find similar issue
• I have read the Contributing Guidelines
• I am participating in JWOC
• I am participating in IWOC
• I am willing to work on this issue (blank for no).

[github-actions]

Hello @human-coder-mj, thank you for raising the issue.

Currently, the issue is marked as status: todo ⏳ This issue is yet to be seen by the maintainer of the project. so please wait until the maintainers/owner review it and provide you with feedback/suggestions to proceed further.

Feel free to reach out to Tamal on Twitter, or drop a mail at tamalcodes@gmail.com if you think that this issue is of critical priority.

Give us a ⭐ to show some support
Happy OpenSource 🚀

[Saurabh3652]

hii, can i work on this issue ?

[Harsha30ywffb7]

still this issue is active?