Retro icon indicating copy to clipboard operation
Retro copied to clipboard
Published 9 months ago • verified publisher icon Anjaliavv51

🐞[bug]: Navbar Design and Responsiveness Improvement

Open ShaliniKashyap717 opened this issue 10 months ago • 3 comments

Is there an existing issue for this?

  • [x] I have searched the existing issues

Describe the bug

Description:

The current navbar design on the Retro website can be improved to enhance its visual appeal and usability. Below are the identified issues:

  1. The navbar is not positioned at the top of the page as expected.
  2. The navbar edges are curved, which does not convey a professional look.
  3. There is an unintended margin above the navbar that disrupts the layout.
  4. The navbar text is too large, making it visually overwhelming.
  5. The overall size of the navbar is excessively large.
  6. The navbar lacks proper responsiveness across different screen sizes.

Proposed Solution:

I will refactor the navbar to:

  • Ensure it is fixed at the top without any unwanted margin.
  • Modify the edges to a sharper, more professional style.
  • Adjust text and overall navbar size to be more visually balanced.
  • Improve responsiveness to ensure a seamless experience across various screen sizes.

This enhancement will significantly improve the website's user interface, providing a cleaner and more professional appearance.

Labels: Please assign intermediate and SWOC labels.

Expected behavior

Expected Behavior:
The navbar should have the following improvements after the proposed changes:

  1. The navbar is fixed at the top of the page without any unnecessary margins.
  2. The navbar edges are sharp and professional-looking.
  3. Text and overall navbar size are visually balanced.
  4. The navbar is fully responsive across all screen sizes, providing a smooth and user-friendly experience.

Add ScreenShots

Image Image

What browsers are you seeing the problem on?

Chrome

Record

  • [x] I have read the Contributing Guidelines
  • [x] I'm a SWOC contributor
  • [x] I have starred the repository

ShaliniKashyap717 avatar Jan 31 '25 15:01 ShaliniKashyap717

Hi there! Thanks for opening this issue @ShaliniKashyap717!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.If belong's to SWOC program role ur self as Contributor in OS lead site Link : https://www.oslead.xyz/usertype , so that ur points will be assigned to the leaderboard. New to Open Source Contribution check out the below YT video , Happy Coding🚀💻🐛 🔗 Link : https://www.youtube.com/watch?v=3afUKB3guZA

github-actions[bot] avatar Jan 31 '25 15:01 github-actions[bot]

If the issue is not yet resolved, please assign me this issue.

tusharverma200 avatar Feb 18 '25 18:02 tusharverma200

@tusharverma200 are you ready to do it? under which program

Anjaliavv51 avatar Mar 02 '25 13:03 Anjaliavv51