diff --git a/app/public/css/styles.css b/app/public/css/styles.css
index 620759fe9..56a671661 100644
--- a/app/public/css/styles.css
+++ b/app/public/css/styles.css
@@ -16,7 +16,8 @@ hr {
 }
 
 .container {
-  width: 720px;
+  width: 100%;
+  max-width: 720px;
   margin: 0 auto;
 }
 
diff --git a/app/views/layout.erb b/app/views/layout.erb
index 57355f66b..780363b81 100644
--- a/app/views/layout.erb
+++ b/app/views/layout.erb
@@ -6,6 +6,7 @@
       <%= t('layout.title') %>
     </title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
     <link rel="shortcut icon" href="/img/favicon.png">
     <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic" rel="stylesheet" type="text/css">