Improved readability in small screens

2018-05-21 14:53:56 -03:00 · 2018-05-21 14:53:56 -03:00 · ad7274d051
parent 8d2a4b2293
commit ad7274d051
2 changed files with 7 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -20,7 +20,7 @@

 </head>

-<body class="container-fluid">
+<body class="container-fluid" id="pageBody">
  <div class="row" id="title">
    <h1>Nintendo Switch Payload Loader</h1>
    <h4>Fusee Launcher ported to JavaScript using WebUSB.</h4>
--- a/style.css
+++ b/style.css
@ -1,5 +1,11 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

+@media only screen and (max-width: 768px) {
+  #pageBody {
+    font-size: 3vw;
+  }
+}
+
 body {
  margin-top: 0px;
  margin-left: 0px;