diff --git a/index.html b/index.html
index 7b86261..c0463a2 100755
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
Quad's site
+
diff --git a/style.css b/style.css
index 561e9ee..26857db 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;