diff --git a/index.html b/index.html index 7b86261eda973aa267bd892ac0b36a4e72b43efa..c0463a2fb39cf8685df7b0932373e33bdeb8cebf 100755 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ Quad's site + diff --git a/style.css b/style.css index 561e9eeb225b517d958296df219b2bc2150a7ca6..26857db6b7e5748ea56f6577d0886b88d64417b6 100755 --- a/style.css +++ b/style.css @@ -14,12 +14,14 @@ h1, h2, h3, h4, h5, p { background-color: #2b2b2b; min-width: 100vw; min-height: 100vh; + max-width: 100vw; + max-height: 100vh; + overflow: hidden; margin: 0; color: #FFF; font-family: "Lato", sans-serif; } -/* TODO: Add some @Media thing with smaller margin-top on vertical devices */ #content { display: block; margin-right: auto; @@ -29,6 +31,13 @@ h1, h2, h3, h4, h5, p { margin-top: 25vh; max-height: 50vh; } + +@media only screen and (max-device-width: 600px) { + #content { + margin-top: 10vh; + max-height: 75vh; + } +} #main-container { background-color: #3b3b3b;