make it display nicely on mobile devices
This commit is contained in:
parent
a0955b3b9c
commit
2bcf024941
2 changed files with 4 additions and 2 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue