fix: Blog posts overflow on mobile

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 */

layout/post.html

@@ -1,4 +1,4 @@
-<div class="horizontal-center">
+<div class="horizontal-center stretch-horizontally">
     <div class="post">
         <article>
             <h1>{{ title }}</h1>