Improve Nav UI|Rresponsiveness #89
Merged
+163
−67
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #11
Key Changes:
Adds functionality to toggle navbar background on small screens.
Refined the color palette to enhance visual contrast.
Adjusted CSS media queries and layout to ensure the navbar is fully responsive on mobile, tablet, and desktop devices.
Bug Fixes:
Fixed alignment issues with navbar items on smaller screens.
Resolved overflow issues that caused layout breakage on some devices.
Screenshots
Checklist
Self-reviewed the code.
Commented on complex code areas.
No new warnings generated.
Working on this issue under GSSOC.
Upcoming PR:
In the next PR, I will add an About Us page to the footer section including additional elements like social media links, contact information, and quick navigation to improve the overall layout and accessibility.