ui: fix mobile responsiveness and viewport scaling

[prince-shakyaa]

Pull Request: [UI/UX] Improve Mobile Responsiveness and Fix Initial Viewport Scaling

Summary

This PR addresses several critical UI/UX issues on the landing page, specifically targeting mobile viewports (390px and below). It fixes a persistent "Initial Zoom" bug and optimizes typography and layout for better accessibility.

Changes

• Fixed Initial Zoom Bug: Added overflow-hidden to the Hero and About sections. This prevents wide decorative glows (800px radial gradients) from extending beyond the viewport, which previously caused browsers to incorrectly scale the page on load.
• Responsive Typography Scaling:
  • Reduced Hero heading font size from text-4xl on the smallest screens (down from text-5xl).
  • Reduced "What is OWASP FinBot?" section heading to text-2xl on mobile.
• Improved Layout & Wrapping:
  • Added whitespace-nowrap to key phrases to prevent awkward line breaks on mobile.
  • Increased navbar item spacing (space-x-3) to improve touch-target accessibility.
• Gradient Rendering Fix: Added box-decoration-break: clone to the gradient-text classes to ensure gradients render continuously across multiple lines of wrapped text.
• DevX Improvement: Updated docker-compose.yml with a volume mapping for the finbot directory to enable live-reloading during development.

Bug Fixes

• Fixes the issue where the page loads at ~150% zoom on mobile devices.
• Fixes crowded navbar elements on 390px width devices.
• Fixes inconsistent line breaks in descriptive headings.

Demonstration

Screen.Recording.2026-05-06.at.16.14.59.mov

Contribution Rules Check

• Branch: fix/mobile-responsiveness
• Style: Black/isort rules followed (templates only)
• Tested locally via Docker with volume mapping

fixes #487

[prince-shakyaa]

Hi @saikishu . Fixed the mobile viewport 'initial zoom' bug by containing decorative glows and optimized heading typography/navbar spacing for improved responsiveness on smaller screens.
Happy to iterate based on reviews.
Thank you .