From 31377492fe15a502a0407c065169fcdea89ac46e Mon Sep 17 00:00:00 2001 From: Arthur Taft Date: Wed, 26 Nov 2025 13:48:04 -0700 Subject: [PATCH 1/1] add mobile design rules --- static/index.html | 3 ++- static/styles.css | 41 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+), 1 deletion(-) diff --git a/static/index.html b/static/index.html index ec3f119..e0b3253 100644 --- a/static/index.html +++ b/static/index.html @@ -9,6 +9,7 @@ home | arthurtaft.net + @@ -34,7 +35,7 @@ diff --git a/static/styles.css b/static/styles.css index 20b5794..0c98877 100644 --- a/static/styles.css +++ b/static/styles.css @@ -156,12 +156,20 @@ body { #footer { margin-top: 3%; margin-bottom: 1%; + display: flex; + flex-direction: column; + justify-content: start; } #footer .footer-text { color: var(--subtext-0); } +#footer .copy-text { + color: var(--subtext-0); + align-self: center; +} + #footer .footer-link { font-size: 1rem; padding: 0.15rem 0.25rem; @@ -183,3 +191,36 @@ a:link { a:visited { color: var(--blue); } + +@media (min-width:300px) { + #top-nav { + margin-left: 0%; + margin-right: 0%; + } + + #title-div { + margin-left: 0%; + margin-right: 0%; + } + + #container .main-text { + margin-left: 1%; + margin-right: 1%; + } +} + +@media (min-width:900px) { + #top-nav { + margin-left: 25%; + margin-right: 25%; + } + + #title-div { + margin-left: 25%; + } + + #container .main-text { + margin-left: 25%; + margin-right: 25%; + } +} -- 2.51.2