Fix Navigation Bar Misalignment (#267)

[GarimaSingh0109]

This PR addresses two issues with the website's navigation bar(#267 ):

1. Button Misalignment: Buttons within the navigation bar are not aligned horizontally or vertically, creating a cluttered and unprofessional look.
2. Navbar Positioning: The entire navigation bar is positioned incorrectly. It may be too high, too low, overlapping content, or not fixed during scrolling.

Impact: Misaligned buttons can negatively impact user experience:
Difficulty finding desired buttons
Frustration and potential website abandonment

Possible Causes:
Incorrect CSS button alignment styles
Conflicting CSS rules
Responsive design issues on different screens
Improper HTML structure for the navigation bar

Solution:
Investigate the cause using browser developer tools.
Implement CSS fixes for proper horizontal and vertical button alignment.
Adjust navigation bar positioning using CSS properties (position, top, left).
Test changes thoroughly across various devices and browsers.
This PR aims to improve the navigation bar's visual appeal and user experience by ensuring proper button alignment and navbar positioning.

Before:

After:

[netlify]

✅ Deploy Preview for jobnow ready!

Name	Link
🔨 Latest commit	26ef3dd
🔍 Latest deploy log	https://app.netlify.com/sites/jobnow/deploys/6654761c7645300008dc548c
😎 Deploy Preview	https://deploy-preview-270--jobnow.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 configuration.

[GarimaSingh0109]

@Rajan-Barnwal Hey thank you for finding my work appropriate and merging it. I would like to request you to label this pr under GSSOC'24 with a label you find appropriate. I would like to thank you for the same.