fix: Responsive Design Issues for Improved Cross-Device Compatibility

[nik132-eng]

What does this PR do?

Make design mobile-friendly

Fixes #51

---

Before

---

After

How should this be tested?

• use in mobile device

Checklist

Required

• Filled out the "How to test" section in this PR
• Read How we Code at oss.gg
• Self-reviewed my own code
• Commented on my code in hard-to-understand bits
• Ran pnpm build
• Checked for warnings, there are none
• Removed all console.logs
• Merged the latest changes from main onto my branch with git pull origin main
• My changes don't cause any responsiveness issues

Appreciated

• If a UI change was made: Added a screen recording or screenshots to this PR
• Updated the Formbricks Docs if changes were necessary

[vercel]

@nik132-eng is attempting to deploy a commit to the formbricks Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for following the naming conventions for pull request titles! 🙏

[nik132-eng]

@mattinannt, One more page needs to be checked in responsiveness which is in the repository

in the local environment I filled out the dummy project but not immediately added. just asking in the future is that automated?

[nik132-eng]

Issue tab

---

[jobenjada]

Hey @nik132-eng - thanks for your start.

This is quite a comprehensive issue giving 250 Points, so please make sure the complete app is properly responsive :)

Here are few points:

1. Add a hamburger menu on mobile

---

2. Headlines too big

---

3. Add hamburger menu to dashboard. Right now it impossible to navigate:

---

4. Reorganize the card content so its stacked on top of each other (flex-col)

---

5. Decrease spacing between items:
   

---

Please go through all the screens and make sure the complete app is responsive :))

Thanks!!

[jobenjada]

see comment

[nikdev10]

@jobenjada I made changes

[jobenjada]

/award 250

[oss-gg]

Awarding nik132-eng: 250 points!