Navbar restyle with breakpoints

[mathcodes]

The current state of the navbar appears a bit muddled, with its components seemingly floating around and occasionally disappearing. This issue lists the tasks needed to address this concern. Please note, multiple developers, may participate in solving this, so make sure to indicate the task(s) you plan on undertaking, and don't forget to toggle the 'check'. The icons are a bit crowded but this is an easy fix and an excellent opportunity for a first-time contributor. To get assigned to this issue, please provide your name.

Here are the tasks at hand:

• Considerably enhance the font size of the Page Title to improve readability.
• Introduce padding/margin to the icons to de-clutter the space. Ensure that they are evenly spaced in line with the hamburger menu.
• Implement hover (possibly scale to 1.2?) and native states.
• Completion of this task is be greatly appreciated.

Don't hesitate to submit a PR after completing 1 of these tasks. You can submit all together if you'd like, one at a time, or go over them with your teacher sometime after school this week just one of these tasks and feel free to ask questions! We're here to support you!

Thanks!

-Jon

[avinashji1302]

Please assign me , I would like to work

[bronglil]

@mathcodes I would love to work on this issue.

[mathcodes]

I would suggest you two contact each other to coordinate your efforts. Thank you!

[bronglil]

Thanks @mathcodes.

@avinashji1302 I will go for the first one and you can do second part so that who ever finished will do the third part as well if you need to take first please let me know I'll do the second task.

[bronglil]

PR: #181

@mathcodes Please review and let me know if you need more changes I have updated these mention three changes.. thanks