diff --git a/layouts/_head.html b/layouts/_head.html
index 6fdea20..b81954d 100644
--- a/layouts/_head.html
+++ b/layouts/_head.html
@@ -1,5 +1,5 @@
 <meta charset="utf-8" />
-<meta name="viewport" content="width=600" />
+<meta name="viewport" content="width=devicewidth" />
 <title><%= [@item[:title], 'WezM.net'].compact.join(' • ') %></title>
 <link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen,projection" />
 <link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen,projection" />
diff --git a/output/css/mobile.css b/output/css/mobile.css
index 1f4667a..4913718 100644
--- a/output/css/mobile.css
+++ b/output/css/mobile.css
@@ -5,3 +5,7 @@
 .column {
   min-width: 600px;
 }
+
+#content {
+  min-width: 320px;
+}
diff --git a/output/css/screen.css b/output/css/screen.css
index ecdfe61..408ed73 100644
--- a/output/css/screen.css
+++ b/output/css/screen.css
@@ -135,7 +135,7 @@ ul#menu li {
   padding: 0 20px;
   clear: both;
   min-width: 600px;
-  margin-right: 33%;
+  margin-right: 40%;
 }
 body.articles #content {
   min-width: auto;
@@ -187,7 +187,7 @@ ul.articles {
 ul.articles li {
   margin: 0;
   padding-top: 1em;
-  height: 80px;
+  height: 70px;
 }
 body.articles ul.articles li {
   height: auto;