Mobile overflow fixes: qual-bar marker, grid shrink guard, wrap guards

Level-3 progress marker right-aligns inside the card (was centered past the
edge). Grid/flank/story children get min-width:0 so the calculator's
tablewrap scrolls internally instead of widening the page 7px. Invite link
and pitch preview wrap anywhere; ticker gets layout+paint containment;
img max-width guard. Verified at 390px across all four pages with sticky
nav intact. Assets v=20260904p.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-04 16:11:35 -05:00
parent 8ef50b183e
commit 537b11cfde
5 changed files with 24 additions and 20 deletions
+4 -4
View File
@@ -5,7 +5,7 @@
<title>Live ledger | InstantAdPay</title>
<meta name="description" content="Every purchase, payout, and pass-up on InstantAdPay, streamed straight from the blockchain with a verify link on every line.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260904l">
<link rel="stylesheet" href="/assets/site.css?v=20260904p">
</head>
<body>
<div class="wrap">
@@ -25,8 +25,8 @@
<div>InstantAdPay · <a href="/">how it works</a> · <a id="contractLink" href="#" target="_blank" rel="noopener">contract source ↗</a></div>
</footer>
</div>
<script src="/assets/common.js?v=20260904l"></script>
<script src="/assets/ledger.js?v=20260904l"></script>
<script src="/assets/chat.js?v=20260904l"></script>
<script src="/assets/common.js?v=20260904p"></script>
<script src="/assets/ledger.js?v=20260904p"></script>
<script src="/assets/chat.js?v=20260904p"></script>
</body>
</html>