fix: footer responsiveness on tablet and small screens

[Varshinigurram]

Description

Fixes footer layout on tablet and smaller viewports (e.g. 614px), where sections were misaligned, social icons stacked vertically, Quick Links spacing was uneven, contact email was truncated, and floating action buttons overlapped footer content.

Root cause: The footer grid allowed two cramped columns at ~614px, and global mobile/tablet CSS (form/button/flex rules) unintentionally affected footer elements.

Solution:

• Added scoped CSS classes on Footer.jsx for targeted styling
• Single-column footer grid below 1024px
• Restored horizontal social icon row and consistent link spacing
• Enabled email text wrapping in the contact section
• Added footer bottom padding and minor FAB adjustments to prevent overlap

Files changed:

• frontend/nyaysetu-frontend/src/components/landing/Footer.jsx
• frontend/nyaysetu-frontend/src/styles/responsive.css
• frontend/nyaysetu-frontend/src/styles/global.css

Related Issue

Closes #998

Type of Change

• Bug fix

Screenshots

Before

After

Checklist

• Code follows project guidelines
• Tested locally at 614px and 428px
• No unnecessary files included
• Self-reviewed changes
• Documentation updated (not required for this UI fix)

[vercel]

@Varshinigurram is attempting to deploy a commit to the CodeBlooded's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Hi @Varshinigurram, thanks for contributing to Nyay Setu! 🎉

I have automatically:

• 👤 Assigned this PR to you.
• 🏷️ Applied the gssoc:approved label.

Our workflows will now analyze your changes to classify:

• 📈 PR Difficulty: level:*
• 🧩 PR Type: type:*
• 🌟 PR Quality: quality:*

Tip

Ensure your PR description references the issue it resolves (e.g. Closes #123). This allows the bot to inherit any additional labels from that issue!

Happy coding! 🚀