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

Attempt to make mobile slightly less shit

parent 0c1d197b
<html>
<head>
<title>Quad's site</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" />
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link href="style.css" rel="stylesheet" />
......
......@@ -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;
......
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