Make Contact Us Page Responsive (Mobile → 4K)

[Ugo-X]

📱 Issue: Make Contact Us Page Responsive (Mobile → 4K)

❗️Important

🔴 This work must be implemented against the app-main branch.
Please fork from app-main before starting and submit your PR back to app-main — not main.

FIGMA LINK

📍 Scope & Location

• Update only files inside: /dapp/support
  • dapp/support/ContactForm.tsx
  • dapp/support/contact/page.tsx

Note: Do not add or rebuild Navbar, OnlyDust banner, or Footer here. This issue focuses solely on responsiveness of what’s already built.

---

📋 Task

Make the Contact Us page fully responsive across common breakpoints:

• Target widths to validate: 320, 375, 414, 640, 768, 1024, 1280, 1440, 1920, 2560, 3840.
• Layout behavior:
  • Mobile: Single-column, generous spacing, readable line-length, stacked fields.
  • Tablet: Comfortable container width; grid spacing scales properly.
  • Desktop: Matches PC baseline from Issue FE: Build the Navbar component #1.
  • 4K/Ultra-wide: Constrain content with a centered max-width; avoid overly stretched fields.
• Respect Windows laptop sizes (common widths 1366, 1536, 1600) where inaccuracies were reported.

Accessibility & UX:

• Inputs remain tappable/usable on small screens.

---

✅ Deliverables

• Responsive styles applied to the existing Contact form/page.
• Screenshots at three sizes: mobile, laptop/desktop, 4K.
• 1 short video (≤30s) showing a live resize from mobile → desktop → 4K.

---

✅ Acceptance Criteria

• No horizontal overflow at any tested width.
• Typography, spacing, and controls scale appropriately across breakpoints.
• Accessibility preserved (focus, labels, readable contrast).

---

General Notes

• Keep implementation simple and consistent with the existing design system.
• All work remains within /dapp/support.
• Include the screenshots + video in the PR.

rity`

[raymondjoseph02]

Hello @Ugo-X please this is a task to me
ETA 24hours

[Sendi0011]

Can i handle this?
ETA: 12 hours

Recommended by OnlyDust for outstanding experience and quality contributions.

[Ibinola]

Hello @Ugo, I would love to be assigned this issue, I have experience building frontend web apps, and making sure it's responsive. ETA 6hours

Recommended by OnlyDust for high-quality and dependable contributions.

[pushkarm029]

Hey, I can complete this quickly. Thanks

[Great7-dev]

I have been a frontend developer for 3 years I can work on this with ease

[Richardudeh4]

i'm a frontend Dev, skilled in react js, next Js and react native, i think i have what it takes to deliver this task at the expected delivery time, with perfection

[Ugo-X]

This issue depends on the issue before it, once that PR has been merged, I'd let you know!

[Ugo-X]

@Richardudeh4 The contact form has been implemented and merged, you can now proceed with your issue.

[Richardudeh4]

okay boss

[wheval]

Hello, Can I be assigned to this?