[Bug]: Navbar content size issue

[theeayushkumar]

Describe the bug To address navbar content size issues, you need to ensure that all elements within the navbar have appropriate sizing and spacing

To Reproduce Steps to reproduce the behavior: Padding and Margin: Adjust the padding and margin values in the CSS to suit your design preferences. Font Size: Modify the font-size in the CSS to ensure the text is readable and well-proportioned. Responsive Design: Use media queries to make additional adjustments for various screen sizes.

Expected behavior

Proper Alignment: The logo, navigation links, and the register button should be aligned horizontally in a single row. The logo should be on the left side, navigation links in the center, and the register button on the far right.

Consistent Sizing: The height of the navbar should be uniform, with no elements extending beyond the height of the navbar. Navigation links and the register button should have consistent padding and font size.

Responsive Design: On smaller screens (below 768px width), the navbar should stack vertically. The navigation links should be centered and spaced evenly in a column. The register button should appear below the navigation links.

Hover Effects: Navigation links should change color on hover for better user interaction. The register button should change to a slightly darker shade on hover.

Screenshots

Desktop (please complete the following information):

• OS: [window 11]
• Browser [chrome]
• Version [i5 10 gen]