Make Support Page Responsive

[Ugo-X]

📱 Issue 8: Make Support Page Responsive

❗️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.

---

📋 Task

Make the Support Page responsive for mobile → 4K.

FIGMA LINK

• Test breakpoints: 320px, 375px, 768px, 1024px, 1440px, 1920px, 2560px, 3840px.
• Layout:
  • Mobile: 1 column
  • Tablet: 2 columns
  • Desktop: 3 columns
  • 4K: grid centered, no stretching

---

✅ Deliverables

• Responsive styles
• Screenshots at 3 sizes (mobile, desktop, 4K)
• Video showing resizing

---

✅ Acceptance Criteria

• Layout adapts correctly at all breakpoints
• No overflow or broken alignment
• Cards remain fully clickable

---

General Notes

• All work stays inside /dapp/support
• Keep implementation clean and reusable
• Screenshot + video required

[meshach567]

@Ugo-X assign me this task

[Ugo-X]

Hello @meshach567 Please apply to an issue between 212-215 as those components have to be built before this issue can be assigned

[respp]

Hello @Ugo-X Can I take this issue?

I'm a developer with a solid background in Web3, working across both front-end and back-end. I've contributed to projects in ecosystems like StarkNet, Stellar, Optimism, and Worldcoin, with a focus on building scalable, secure, and efficient blockchain applications.

Currently, I'm a Fellow at OnlyDust and a maintainer at PayStell and StellarRent, where I lead the development of smart contracts and decentralized infrastructure.

[Henrichy]

I’d like to work on this issue. I have experience implementing fully responsive layouts across multiple breakpoints and ensuring clean, reusable styles.

For this task, my approach will be:

Implement responsive styles in /dapp/support based on the provided Figma.

Test layouts across all required breakpoints (320px → 3840px).

Ensure columns adapt as specified (1 → 2 → 3, with centered grid on 4K).

Verify no overflow/broken alignment and confirm cards remain fully clickable.

Provide screenshots (mobile, desktop, 4K) and a video showing resizing as required.

I can deliver within the 24-hour ETA. Please assign me this issue so I can get started.

Thanks! 🚀

[pushkarm029]

Hey, I can complete this quickly. Thanks

[jimenezz22]

can I get this?

[Great7-dev]

Hello , I have been a frontend developer for over 3 years now , using typescript, react, vite..please let me work on this .

[EmmanuelOloke]

Hi @Ugo-X, kindly assign this to me. Thanks

[Sendi0011]

I will like to work on this
ETA: 24 hours

Recommended by OnlyDust for outstanding experience and quality contributions.

[Ugo-X]

Assigned @Sendi0011 you'd have to wait for the support page issue to be put togther and then you can work on making it responsive

[Sendi0011]

Noted with thanks. Please i will be glad to get notified once the support page is ready

…

On Thu, 28 Aug 2025 at 10:57 AM, Ugonna Paul Dike ***@***.***> wrote: *Ugo-X* left a comment (Explore-Beyond-Innovations/ZeroXBridge_Frontend#218) <#218 (comment)> Assigned @Sendi0011 <https://github.com/Sendi0011> you'd have to wait for the support page issue to be put togther and then you can work on making it responsive — Reply to this email directly, view it on GitHub <#218 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BJ37K2FBBYWFRT7ADBHO24T3P3G7BAVCNFSM6AAAAACER4MAUKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTEMZSHAYTAMZYGQ> . You are receiving this because you were mentioned.Message ID: <Explore-Beyond-Innovations/ZeroXBridge_Frontend/issues/218/3232810384@ github.com>