[UI/UX]: Improve mobile readability for long roadmap titles

[kavin553]

Before submitting

• I have searched existing issues to make sure this is not a duplicate.
• I have read the contribution guidelines.

Current UI/UX issue

Long roadmap titles wrap inconsistently and create uneven card layouts on smaller screens.

Proposed improvement

Use:

• line-clamp
• responsive spacing
• consistent card heights

Screenshots or mockups

Issue reproducible on mobile screens below 400px width.

Responsive behavior considerations

Works consistently across:

• Mobile
• Tablet
• Desktop

Accessibility considerations

Maintain readable text sizing and screen reader compatibility.

Additional implementation notes

Pure frontend enhancement.

[kavin553]

Hi maintainers 👋

I'd like to improve mobile responsiveness for roadmap cards.

The fix will focus on consistent layouts, text wrapping, and better readability across devices.

Please assign this issue to me.

Thank you 🚀