make it display nicely on mobile devices

This commit is contained in:
Manuel Friedli 2015-03-29 00:21:51 +01:00
parent a0955b3b9c
commit 2bcf024941
2 changed files with 4 additions and 2 deletions

View file

@ -1,12 +1,13 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext);
@media (max-width: 800px) { @media (max-width: 980px) {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
h1 { h1 {
font-size: 120%;
margin: 0; margin: 0;
} }
@ -21,7 +22,7 @@
} }
} }
@media (min-width: 801px) { @media (min-width: 981px) {
div.wrapper { div.wrapper {
border-radius: 0.5em; border-radius: 0.5em;
margin-left: auto; margin-left: auto;

View file

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>Decode? Encode? DENcode!</title> <title>Decode? Encode? DENcode!</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="utf8.js"></script> <script type="text/javascript" src="utf8.js"></script>