diff --git a/assets/css/blog.css b/assets/css/blog.css
index 805a820..c151517 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -33,7 +33,7 @@ h1, h2, h3, h4 {
 
 .post {
     display: block;
-    max-width: 1000px;
+    width: 100%;
 
     padding: 10px;
 
@@ -48,6 +48,10 @@ h1, h2, h3, h4 {
     max-width: 1000px;
 }
 
+.stretch-horizontally {
+    width: 100%;
+}
+
 @media only screen and (max-width: 768px) {
     .page-title {
         /* The page header title otherwise overflows the page on small screens */
diff --git a/layout/post.html b/layout/post.html
index 277519d..26776af 100644
--- a/layout/post.html
+++ b/layout/post.html
@@ -1,4 +1,4 @@
-<div class="horizontal-center">
+<div class="horizontal-center stretch-horizontally">
     <div class="post">
         <article>
             <h1>{{ title }}</h1>