Fix mobile experience: overflow, reflow, and crisp menu

Browse Source

- Collapse all multi-column section grids to single column on <=980px (the
  inline grids lacked responsive classes); keep the comparison matrix
  horizontally scrollable via its existing overflow-x wrapper.
- Scale down hero h1 and section h2 so long words no longer overflow the
  viewport; add a <=430px tier for small phones.
- Remove backdrop-filter blur from the nav drawer and menu button (their
  backgrounds are opaque) so the open menu renders crisp instead of blurry.
- Tidy the top meta bar: trim padding, clear space for the floating menu
  button, hide the decorative coordinates on small screens.
- Constrain images to 100% width on mobile.

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

...

This commit is contained in:

satoshigreek

2026-06-22 22:14:36 -05:00

parent 737777c5fd

commit 4b8c28d49d

1 changed files with 1 additions and 1 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

2

index.html

File diff suppressed because one or more lines are too long