From 1ad33db104cd7b7b8f4c9675b17ef97de636afc6 Mon Sep 17 00:00:00 2001 From: Brendan Greenlee Date: Wed, 12 Aug 2026 16:43:09 +0000 Subject: [PATCH] Deploy mobile layout tweaks to GitHub Pages --- index.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/index.html b/index.html index d232472..9ade6ef 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,16 @@ z-index: 0; } .container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; } + /* Mobile portrait only: keep the name above the skyline, small screens */ + @media (max-width: 767px) { + body { + background-position: 50% 20%; + background-attachment: scroll; + } + .container { margin-top: 15vh; } + h1 { font-size: 2.1rem; } + p { font-size: 1.1rem; } + } h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); } p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }