From 4e86078310eabe2c5ae2c8ae6f2e841c0587724f Mon Sep 17 00:00:00 2001
From: a <a@trwnh.com>
Date: Fri, 14 Jan 2022 22:23:18 -0600
Subject: [PATCH] hopefully fix ios aspect ratio

---
 index.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 12bed71..2c3b3c4 100644
--- a/index.html
+++ b/index.html
@@ -26,18 +26,20 @@ h2 {font-size: 1.5em; line-height: 1.333}
 p {font-size: 1em; line-height: 1.5}
 /* layout */
 body {margin: auto; min-height: 100vh}
-@media (min-width: 40em) {
-	body {margin: 0; width: 20em}
-	header h1 {font-size: 1.5em}
-	header p {font-size: 1em}
-}
 header {
 	background: url(./images/sunset-bg-blue.jpg);
 	background-size: contain;
-	width: 100%; aspect-ratio: 1;
+	background-repeat: no-repeat;
+	width: 100vw; height: 100vw;
 	padding: 1em;
 	display: grid; grid-template-rows: 1fr auto auto
 }
+@media (min-width: 40em) {
+	body {margin: 0; width: 20em}
+	header {width: 20em; height: 20em;}
+	header h1 {font-size: 1.5em}
+	header p {font-size: 1em}
+}
 header h1 {grid-row: 2}
 header p {grid-row: 3}
 section {padding: 1rem}