Commit e7ae800d authored by Dominik V. Salonen's avatar Dominik V. Salonen

Attempt to make mobile slightly less shit

parent 0c1d197b
<html> <html>
<head> <head>
<title>Quad's site</title> <title>Quad's site</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href=",400,700" rel="stylesheet" /> <link href=",400,700" rel="stylesheet" />
<script defer src=""></script> <script defer src=""></script>
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
...@@ -14,12 +14,14 @@ h1, h2, h3, h4, h5, p { ...@@ -14,12 +14,14 @@ h1, h2, h3, h4, h5, p {
background-color: #2b2b2b; background-color: #2b2b2b;
min-width: 100vw; min-width: 100vw;
min-height: 100vh; min-height: 100vh;
max-width: 100vw;
max-height: 100vh;
overflow: hidden;
margin: 0; margin: 0;
color: #FFF; color: #FFF;
font-family: "Lato", sans-serif; font-family: "Lato", sans-serif;
} }
/* TODO: Add some @Media thing with smaller margin-top on vertical devices */
#content { #content {
display: block; display: block;
margin-right: auto; margin-right: auto;
...@@ -29,6 +31,13 @@ h1, h2, h3, h4, h5, p { ...@@ -29,6 +31,13 @@ h1, h2, h3, h4, h5, p {
margin-top: 25vh; margin-top: 25vh;
max-height: 50vh; max-height: 50vh;
} }
@media only screen and (max-device-width: 600px) {
#content {
margin-top: 10vh;
max-height: 75vh;
#main-container { #main-container {
background-color: #3b3b3b; background-color: #3b3b3b;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment