Responsive Design & Mobile Polish — All Pages

[AbinVarghexe]

Description

Ensure all pages are fully responsive and polished across all breakpoints.

Breakpoints

• Mobile: 320px–640px
• Tablet: 641px–1024px
• Desktop: 1025px+

Checklist

Home Page

• Greetings overlay scales text properly on small screens
• RotatingText readable on mobile
• LogoScreen — show mobile-friendly CTA buttons
• Header hamburger menu works on all sizes
• BackgroundCircle scales proportionally

About Page (@AbinVarghexe)

• Team grid: 3 cols → 2 cols → 1 col
• Story section: text doesn't overflow
• Awards section: stack vertically on mobile
• Contact form: full-width inputs on mobile

Case Studies (@deonas)

• Listing cards: stack vertically on mobile
• Detail pages: proper text wrapping
• Breadcrumb wraps gracefully

Careers (@deonas)

• Two-column layout → single column on mobile
• Email link tappable on touch devices

Products & Blogs (@deonas)

• Grid layouts responsive
• Images scale properly

Global

• Custom cursor hidden on touch devices
• Font sizes scale with viewport
• No horizontal scrollbar at any breakpoint
• Touch targets ≥ 44px on mobile

Branch

fix/responsive-polish

Parent: #1