Add Playwright responsiveness tests for laptop, tablet, and mobile

[Copilot]

The site lacked automated responsiveness coverage — no way to catch layout regressions or overflow issues across device sizes.

Changes

playwright.config.js (new)

Three Chromium-based device projects — all using Chromium to avoid multi-browser installs:

Project	Viewport	Touch
laptop	1280 × 720	✗
tablet	768 × 1024	✓
mobile	390 × 844	✓

webServer auto-starts vite dev so npm test is self-contained.

tests/responsiveness.spec.js (new)

74 tests across all three profiles covering all 6 routes (/, /about, /projects, /team, /contact, /careers):

• No horizontal overflow — scrollWidth > clientWidth must be false
• Body width ≤ viewport width — layout stays within bounds
• Navbar behaviour — desktop nav visible at ≥1024px; hamburger button visible and functional at <1024px; mobile menu open/close cycle
• Home page — .fx-3d-scene present; .main-content fills viewport height
• Projects — at least one project card element attached
• Contact — form or contact section attached
• Screenshots — full-page screenshots attached to HTML report for visual diff

.gitignore

Added test-results/ and playwright-report/ to exclude generated artifacts.

Original prompt

i want you to now check it for responsiveness

use playwright and check the responsiveness for laptop tablets and mobile phones

Created from VS Code.

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.