Mobile support

pro-grammr · May 2, 2015 · 67da318 · 67da318
1 parent dfa26c6
commit 67da318
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="UTF-8">
   <title>My Website!</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
   <meta name="description" content="My Website">
   <meta name="author" content="My Name">
 

diff --git a/style.css b/style.css
@@ -68,3 +68,16 @@ i.fa {
 i.fa:hover {
   color: #00C5DB;
 }
+
+/* Make our font sizes look better and fit the page on mobile */
+@media only screen and (max-width: 768px) {
+  h1 {
+    font-size: 2em;
+  }
+  h2 {
+    font-size: 1.2em;
+  }
+  p {
+    font-size: .8em;
+  }
+}