Explore-Beyond-Innovations / Explore-Beyond-Innovations/ZeroXBridge_Frontend
Make Support Page Responsive
- Dominant language
- TypeScript
- Stars
- 32
- Forks
- 70
- PR merge metrics
- No merged PRs in 30d
Description
# 📱 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](https://www.figma.com/design/tCSwXSGaJS0Sm3L3JnFzYu/ZeroXBridge?node-id=4005-673&t=2lmKd399YGRwgQZp-4)
- 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
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.