Bug: Properly Aligning the icons on the Navbar

[karishmaaa101]

Problem Description

The icons on the navbar are not properly aligned. They may appear misaligned vertically or horizontally, causing a disorganized and unprofessional appearance.

Steps To Reproduce

• Open the Web Page: Load the web page where the navbar is implemented.

• Inspect the Navbar: Look at the icons in the navbar. Note their alignment relative to each other and to any accompanying text.

• Resize the Window: Change the browser window size to see if the issue persists across different screen sizes (responsive design check).

• Check Different Devices/Browsers: View the navbar on different devices (mobile, tablet, desktop) and browsers to see if the misalignment is consistent.

Icons should be perfectly aligned both vertically and horizontally within the navbar. They should appear uniformly spaced and aligned with any accompanying text or elements.

I am a GSSOC'24 contributor and I have followed all the guidelines.

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊