diff --git a/index.html b/index.html index 4a48a2a..591c1ca 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ + @@ -72,12 +73,16 @@ img {color: white} #gaming h2 {margin-bottom: 0} } @media (min-width: 35rem) { - .container {padding: 0 2em} + .container {padding: 0 2rem} } @media (min-width: 40rem) { .container {padding: 0 3rem} body {margin: 0 auto; width: 40rem} } +@media (max-height: 30rem) and (min-aspect-ratio: 1) { + header img {width: 100vw; height: 100vh; object-position: center} + header .container {bottom: 1rem} +}