スマホレイアウトではより少ない margin にした

Author: mucho613

_layouts/post.html

@@ -8,6 +8,6 @@ <h2 class="max-w-4xl mx-auto text-4xl text-center mb-2 mt-30 px-8 xl:mt-15">
   <span class="block mt-5 text-2xl">{{ page.subtitle | upcase }}</span>
 </h2>
 
-<div class="max-w-4xl mx-auto px-8 post-content my-8">
+<div class="max-w-4xl mx-auto px-4 sm:px-8 post-content my-8">
   {{ content | markdownify }}
 </div>