Skip to content

Improve footer alignment and spacing using responsive grid and consis…#142

Open
navin-oss wants to merge 2 commits intoreactplay:mainfrom
navin-oss:fix/footer-alignment
Open

Improve footer alignment and spacing using responsive grid and consis…#142
navin-oss wants to merge 2 commits intoreactplay:mainfrom
navin-oss:fix/footer-alignment

Conversation

@navin-oss
Copy link

Summary

Improved footer alignment and spacing to create a cleaner, more professional, and responsive layout across all screen sizes.

Changes

  • Converted layout to responsive grid (1 column → 3 columns)
  • Added consistent vertical spacing using space-y utilities
  • Fixed logo sizing for better alignment
  • Improved section structure and visual balance
  • Made social icons wrap on small screens
  • Added hover transitions for better UX
  • Standardized typography and spacing

Testing

  • Tested locally in desktop, tablet, and mobile views
  • Verified proper alignment and equal spacing
  • Confirmed no overflow or layout breaks

Related Issue

Closes #116

Notes

Focused only on layout and styling improvements. No functional changes.

@netlify
Copy link

netlify bot commented Feb 6, 2026

Deploy Preview for reactkolkata ready!

Name Link
🔨 Latest commit 116635b
🔍 Latest deploy log https://app.netlify.com/projects/reactkolkata/deploys/6986d0c6070a0a0008944838
😎 Deploy Preview https://deploy-preview-142--reactkolkata.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Member

@priyankarpal priyankarpal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image

can you change the Quick Links position to the middle? aligned with others right & left

- Simplified footer component structure
- Improved responsive grid layout
- Cleaned Tailwind classes
- Unified link handling (internal/external)
- Added social icons with hover effects
- Enhanced accessibility and readability


Signed-off-by: Navin  Karavade <navinkaravade@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement] : Alignment of the Footer

2 participants