X-Git-Url: https://git.bts.cx/garden.git/blobdiff_plain/b34dec58507593c89ddd7a620c355084c7c79846..1c60f56428de8e035b07db17300aa3ccda1acf44:/templates/style/screen.css

diff --git a/templates/style/screen.css b/templates/style/screen.css
index 11e5611..41acdb3 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 {
@@ -15,15 +15,16 @@ body {
 	grid-template:
 		"head head" 7em
 		"nav main" auto
-		"nav foot" 2em / 15em 1fr;
+		"foot foot" 2em / 15em 1fr;
 	margin: 0 auto;
 	min-height: 100vh;
 	padding: 0;
-	width: 60em;
+	max-width: 60em;
 }
 
 header {
 	grid-area: head;
+	padding: 0 1em 2em 1em;
 }
 
 header h1 {
@@ -32,6 +33,7 @@ header h1 {
 
 nav {
 	background-color: rgb(250, 250, 250);
+	border-radius: 10px;
 	grid-area: nav;
 	padding: 1em;
 }
@@ -57,6 +59,16 @@ footer {
 	text-align: right;
 }
 
+@media (max-width: 800px) {
+	.container {
+		grid-template:
+			"head" 7em
+			"main" auto
+			"nav" auto
+			"foot" 2em / 1fr;
+	}
+}
+
 img {
 	max-width: 100%;
 	margin: 0 auto;