[UI/UX] Redesign Footer Layout to Reduce Excess Empty Space and Improve Responsiveness

[Adi-Marathe]

🖼️ Current UI/UX Behavior

The current footer section contains a large amount of unused vertical and horizontal space, especially on desktop screens.
This makes the layout feel unbalanced and less visually polished.

Current issues observed:

• Excessive empty space between footer sections
• Footer content appears disconnected and stretched
• Poor visual alignment between columns
• Social icons and quick links are not optimally spaced
• Footer height feels unnecessarily large
• Overall footer does not match the compact and modern feel of the rest of the website

This affects the overall user experience and makes the page look incomplete near the bottom.

✨ Suggested Improvement

Redesign the footer with a cleaner and more balanced layout.

Suggested improvements:

• Reduce unnecessary padding and vertical spacing

• Improve alignment between sections (About, Quick Links, Connect)

• Make the footer more compact and visually structured

• Add better responsive behavior for tablet/mobile screens

• Improve spacing consistency between headings, links, and icons

• Ensure the footer matches the modern UI style used across the platform

• Optionally add:

  • subtle divider lines
  • hover effects for links/icons
  • improved typography hierarchy

Expected outcome:

• More professional appearance
• Better visual balance
• Improved responsiveness and readability
• Enhanced overall UI consistency

📎 Screenshots / Visual Aids

Current footer showing excessive empty spacing and layout imbalance:

🙌 Contributor Checklist

• I agree to follow this project's Code of Conduct
• I am a GSSOC'25 contributor
• I want to work on this issue

[AnushKamble]

I'd like to work on this

[Adi-Marathe]

Hi @dipexplorer 👋
I would like to work on this issue under GSSOC'25.

I’m planning to redesign the footer with:

Improved spacing and alignment
Better responsive layout
Cleaner visual hierarchy
Modern and compact UI styling

Please assign this issue to me. 🚀

[github-actions]

❌ Request Denied

Hi @Adi-Marathe, to ensure a fair distribution of tasks in GSSoC/Hacktoberfest, contributors are limited to a maximum of 3 active assigned issues at a time.

You are currently assigned to the following 3 active tasks:

• [BUG] Moderator users can access admin UI but API rejects all admin actions with 403 #907 ("[BUG] Moderator users can access admin UI but API rejects all admin actions with 403")
• [BUG] Navbar layout breaks on mobile/tablet and Sign In button is hidden #900 ("[BUG] Navbar layout breaks on mobile/tablet and Sign In button is hidden")
• [ETL/Database] Documenting high-performance generic alternative price backfill guide & dropping the artificial pricing check constraint #895 ("[ETL/Database] Documenting high-performance generic alternative price backfill guide & dropping the artificial pricing check constraint")

Please complete your currently assigned tasks before requesting assignment for new ones! Thank you for your cooperation! 🤝