Add Spacing Between Text Elements in Navbar

[lovelymahor]

Description:

The current navbar lacks adequate spacing between text elements, making it look cluttered and difficult to navigate. To improve the user experience and readability, we need to add appropriate spacing between the text elements in the navbar.

Required Changes

Adjust Text Spacing:
Add margin or padding between text items in the navbar to ensure they are spaced out evenly.
Ensure the spacing is consistent across different screen sizes and devices.

Review and Update CSS:
Modify the CSS rules governing the navbar text elements to include the new spacing.
Test the changes to ensure they do not affect the layout adversely.

Action Items:

Review Current Navbar Layout:
Analyze the existing navbar layout to identify areas where spacing is insufficient.

Update CSS:
Add CSS rules to increase the spacing between text elements. This can include adding margin-right or padding-right to the text elements in the navbar.

Test Changes:
Test the updated navbar across different browsers and devices to ensure the spacing looks good and the navbar remains functional.

Expected Outcome:

A navbar with improved spacing between text elements, resulting in a cleaner, more readable, and user-friendly navigation experience.

Screenshot

please assign it to me I want to work on this. Also, please add the labels gssoc and the level which you find appropriate for this issue. thank you!

[Soujanya2004]

hi, I have been following your project and would love to contribute, can you assign me this issue

[anshulagr5]

@Omkar-Sonawane-23 I would like to work on this issue. Kindly assign it to me.

[ishag8]

@Omkar-Sonawane-23 please assign me this issue

[krshna1234yu]

@Omkar-Sonawane-23 Kindly assign this task to me. I have added spacing between the text elements in the Navbar.