navbar responsiveness and typography issue

[archanaserver]

Actual Behaviour

When the site loads fully there are few responsiveness issues on the navbar and map section while changing its viewport from desktop view to tablet or mobile view.

Expected Behaviour

• The site must be responsive in all viewport whether it's a phone/desktop/tablet or etc.
• Responsive sites keep everyone involved and everything looks organized.
• We can improve this issue by applying media queries to the layout.
• Fixing typography for mobile devices will be easily readable for the tweets.

Steps to reproduce it

• Go to the fossasia website.
• Open developer tools by Windows: Ctrl + Shift + J. Mac: Cmd + Opt +J.
• Slightly change the viewport from desktop view to phone view.
• Here you will see an issue that navbar is not responsive and scroll down to check map section typography.

Screenshots of the issue

Would you like to work on the issue?

Yes

[arghac14]

@archanaserver can I work on this?

[archanaserver]

Yes, go for it @arghac14 . 👍🏻

[ABHIJITBURMAN]

@archanaserver is this issue still open? if yes can i work on this isssue?

[Dishebh]

@ABHIJITBURMAN The issue has already been taken care of, I presume.

[Aaryan-kapur]

Hey can i take this up!?

[vijay938]

I want to work on this issue

[archanaserver]

@vijay938 you still want to work on this issue?