tushargupta1504 / Medical-Website

Very basic project for the beginner''s
https://tushargupta1504.github.io/Medical-Website/
Apache License 2.0
63 stars 194 forks source link

[bug] Improve Footer Design: Alignment, Readability, and Icon Visibility #563

Open Ankul8471 opened 2 days ago

Ankul8471 commented 2 days ago

nav The current footer design has several usability and readability issues that need to be addressed for a more polished and user-friendly experience. Specifically:

Text Alignment and Spacing:

The address and contact information for the different locations ("New York" and "Aligarh") is cramped and lacks clear formatting. Consider separating the details into distinct sections or columns, with better spacing and hierarchy for improved readability. Contact Information Format:

The phone numbers and addresses are listed in a single line, making them hard to read. Breaking the information into multiple lines or adding labels (like "Phone:", "Address:") can enhance clarity and structure. Social Media Icons Visibility:

The social media icons (Twitter, LinkedIn, GitHub) are too small and feel disconnected from the overall design. Increasing their size and providing more space between them will make them more prominent. Consider adding hover effects to improve interactivity. Back-to-Top Button:

The back-to-top button (upward arrow) blends too much with the dark footer background. Adjusting the color or providing a lighter background for the button would improve visibility. Adding a tooltip or hover text like "Back to Top" will help users understand its functionality better. General Layout Improvement:

The footer could benefit from a more structured layout, with clear divisions between locations, contact information, and icons. This will make it more organized and user-friendly.

Ankul8471 commented 2 days ago

@tushargupta1504 hello sir please assign me this issue