Finetune for mobile

rymai · Sep 2, 2013 · 8955d27 · 8955d27
1 parent 3f41a99
commit 8955d27
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@ <h1>Rémy Coutable</h1>
     <script type="text/javascript">
       $(function() {
         $(window).resize(function() {
-          if($(this).width() >= 767) {
+          if($(this).width() >= 320) {
             $.backstretch("me_bg.jpg", { fade: 50 });
           }
         }).resize(); // trigger resize on page load

diff --git a/style.css b/style.css
@@ -74,6 +74,34 @@ footer .credits a:hover {
   color:#ccc;
 }
 
+@media (max-width: 450px) {
+  html, body {
+    font-size:14px;
+  }
+
+  h1 {
+    font-size:28px;
+  }
+
+  #global {
+    margin:10px auto;
+  }
+}
+
+@media (max-width: 650px) {
+  footer .copyright {
+    position:relative;
+    float:left;
+    margin-right:10px;
+  }
+
+  footer .copyright, footer .credits {
+    position:relative;
+    float:left;
+    right:0;
+  }
+}
+
 footer a {
   color:#112;
 }