Skip to content

fix(mobile): reduce nav height, add safe areas, improve chevron touch targets#13

Open
jaredgoldman wants to merge 1 commit intomainfrom
worktree-agent-abb91e11b11b60ff7
Open

fix(mobile): reduce nav height, add safe areas, improve chevron touch targets#13
jaredgoldman wants to merge 1 commit intomainfrom
worktree-agent-abb91e11b11b60ff7

Conversation

@jaredgoldman
Copy link
Copy Markdown
Owner

Summary

  • Nav took up 20% of viewport height on mobile — changed to auto with a 3rem min-height
  • Footer collapses to height: 0 on mobile so cards get the full viewport
  • Added env(safe-area-inset-*) to chevrons and container for iPhone notch/Dynamic Island support
  • Chevron tap target increased to 2.75rem min (≥44px) for reliable touch interaction
  • Scroll indicator moved from bottom: 7rem to 5rem to avoid overlapping chevrons

🤖 Generated with Claude Code

… targets

- nav height on mobile: 20% → auto with min-height 3rem
- footer collapses to 0 on mobile (no-op space-waster removed)
- safe-area-inset support for left/right/bottom on chevrons and container
- chevron min-width/height bumped to 2.75rem for ≥44px tap target
- scroll indicator repositioned to bottom: 5rem (was 7rem) to avoid overlap

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented May 5, 2026

Deploy Preview for jared-goldman-portfolio ready!

Name Link
🔨 Latest commit 6b0a408
🔍 Latest deploy log https://app.netlify.com/projects/jared-goldman-portfolio/deploys/69f9835959e58f0008a9064d
😎 Deploy Preview https://deploy-preview-13--jared-goldman-portfolio.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

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