navbar is mobile responsive now

[LalitChauhan27]

Related Issue

• Make the Navbar Mobile responsive. Make the Navbar Mobile responsive. #31

Proposed Changes

• navbar is now responsive for all devices
• toggle bar is added for small screens
• brand name is in one line instead of 2 seperate lines
• added a gap between the logo and the brandname

Checklist

• Documentation of the code
• Add your name to the CONTRIBUTORS file
• Testing your code in the local machine

Screenshots

[netlify]

✅ Deploy Preview for girlscript-asansol ready!

Name	Link
🔨 Latest commit	512af26
🔍 Latest deploy log	https://app.netlify.com/sites/girlscript-asansol/deploys/6339fbf49e9a6f0008654c9e
😎 Deploy Preview	https://deploy-preview-38--girlscript-asansol.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[girlscript-asansol]

@LalitChauhan27 For mobile view, brandname should be displayed beside the logo..not under it...other than that rest is ok. Also, change the toggle button color to black.

[Debdeep1]

@LalitChauhan27 you need to display brandname beside the logo and not under it. Also do change the color of toggle button to black. Other than that..the functionality is fine.

[LalitChauhan27]

@Debdeep1 @girlscript-asansol Hey, I have made the changes that you have mentioned. Please review my latest commit.

[LalitChauhan27]

@LalitChauhan27 you need to display brandname beside the logo and not under it. Also do change the color of toggle button to black. Other than that..the functionality is fine.

Hey @Debdeep1, I have made the changes that you have mentioned.