Skip to content

Make the site work well on phones, tablets and large screens - #35

Merged
itsskofficial merged 1 commit into
masterfrom
responsive
Oct 24, 2026
Merged

itsskofficial merged 1 commit into
masterfrom
responsive

Conversation

@itsskofficial

Copy link
Copy Markdown
Contributor

Summary

  • Phones: a Menu pill opens a full-screen panel with Vision, Sentient and Contact. Escape closes it, focus moves in and back, and the page can't scroll behind it.
  • Navbar tap targets are 40 to 44px tall; the wordmark hides on phones.
  • Touch screens: Contact doors stack and always show the address. Hover-to-open doors stay for mouse and trackpad.
  • Hover fills no longer stick after a tap; magnetic links ignore touch; the hero's liquid word drifts on its own on touch screens.
  • Safe-area padding for notched phones, a short-screen layout for landscape phones, and ceilings on the big type for wide monitors.

Verification

  • Checked layout, tap targets and overflow at 375×812, 767×1024 (touch), 844×390, 768×1024, 1024×768, 1440×900 and 2560×1440, with no issues found.
  • Menu opened, closed by click and by Escape, and navigated to Sentient correctly.
  • next build passes.

🤖 Generated with Claude Code

- Phones get a Menu pill that opens a full-screen panel with the three
  sections; Escape closes it, focus moves in and back, scroll is locked.
- Navbar tap targets are 40 to 44px tall; the wordmark hides on phones.
- Touch screens get stacked Contact doors with the address always shown;
  the hover-to-open doors are kept for mouse and trackpad only.
- Hover fills no longer stick after a tap; magnetic links ignore touch.
- The hero's liquid word drifts on its own on touch screens.
- Safe-area padding for notched phones, a short-screen layout for phones
  held sideways, and ceilings on the big type for very wide monitors.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Oct 24, 2026

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 7736a9ca-74c9-4440-9eed-27a687832ca2
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@itsskofficial
itsskofficial merged commit dafd1a9 into master Oct 24, 2026
1 check passed
@itsskofficial
itsskofficial deleted the responsive branch October 24, 2026 05:55

This branch was successfully deployed

1 active deployment
preview — 26585ba9 Deployed Oct 24, 2026 by itsskofficial via deploy #10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant