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}