YOLO R8 — /age-themes mobile layout. Added viewport meta tag (was missing — @media queries didn't fire) + targeted @media (max-width:640px) overrides: h1 18px, tag 10px, toc/band-row tightened, theme-card 170px, theme-spec/apca/rationale scaled, diff-chip 10px. Validated at 390x844: band-compare grid stacks to single 358px column.

97bd4e5fde922794d1688ba51896ec7d578281cf · 2026-05-12 01:00:17 -0700 · SteveStudio2

Files touched

M server.js

Diff

commit 97bd4e5fde922794d1688ba51896ec7d578281cf
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Tue May 12 01:00:17 2026 -0700

    YOLO R8 — /age-themes mobile layout. Added viewport meta tag (was missing — @media queries didn't fire) + targeted @media (max-width:640px) overrides: h1 18px, tag 10px, toc/band-row tightened, theme-card 170px, theme-spec/apca/rationale scaled, diff-chip 10px. Validated at 390x844: band-compare grid stacks to single 358px column.
---
 server.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/server.js b/server.js
index 1d9cf4b..d842710 100644
--- a/server.js
+++ b/server.js
@@ -3899,6 +3899,7 @@ app.get('/age-themes', (req, res) => {
 
   res.type('html').send(`<!doctype html>
 <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Best themes for every age · wallco.ai</title>
 <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Nunito:wght@400;700&family=Public+Sans:wght@400;600&family=Space+Grotesk:wght@400;600&family=JetBrains+Mono:wght@400;600&family=Inter:wght@400;500;600&family=Source+Serif+Pro:wght@400;600&family=Atkinson+Hyperlegible:wght@400;700&display=swap" rel="stylesheet">
 <style>

← 1cd8af9 YOLO R8 — /age-themes mobile layout. Added @media (max-width · back to Wallco Ai · yolo backlog: T17 ledger update — R8 viewport meta tag fix + d37c171 →