fix(website): horizontal overflow / content clipping at 320–390px viewport

[ajitpratap0]

Problem

At iPhone SE (320px) and iPhone 14 Pro (390px) viewports, 20+ elements overflow the viewport right edge including H1 headings, code demo grids, and button rows, causing horizontal scroll.

Fix

Audit and fix responsive styles. Common fixes:

• Add overflow-x: hidden to page wrapper
• Use text-3xl md:text-5xl responsive font sizes on hero heading
• Wrap button rows with flex-wrap
• Ensure code demo grid collapses to single column on mobile