From: Ben Sherratt <redacted>
Date: Mon, 29 Dec 2025 11:43:33 +0000 (+0000)
Subject: Better phone support for layout
X-Git-Url: https://git.bts.cx/garden.git/commitdiff_plain/f5a71df84db6381218d85fb323bdbdf168000df1

Better phone support for layout
---

diff --git a/templates/style/screen.css b/templates/style/screen.css
index 11e5611..7fbf9d3 100644
--- a/templates/style/screen.css
+++ b/templates/style/screen.css
@@ -1,6 +1,6 @@
 html {
 	line-height: 1.3;
-	-webkit-text-size-adjust:100%
+	-webkit-text-size-adjust: 100%
 }
 
 body {
@@ -19,7 +19,7 @@ body {
 	margin: 0 auto;
 	min-height: 100vh;
 	padding: 0;
-	width: 60em;
+	max-width: 60em;
 }
 
 header {
@@ -57,6 +57,20 @@ footer {
 	text-align: right;
 }
 
+@media (max-width: 800px) {
+	.container {
+		grid-template:
+			"head" 7em
+			"main" auto
+			"nav" auto
+			"foot" 2em / 1fr;
+	}
+
+	header {
+		padding: 1em;
+	}
+}
+
 img {
 	max-width: 100%;
 	margin: 0 auto;