fix for mobile

layouts/article/single.html

@@ -1,24 +1,24 @@
 {{ define "header" }}{{ partial "page-header.html" . }}{{ end }}
 {{ define "main" }}
-<div class="flex mt5 mw8 center">
-  <article class="center cf pv5 mw7">
-    <p class="f6 fw8">
-      {{ humanize .Section | upper  }}
-    </p>
-    <h1 class="f1 athelas">
-      {{ .Title }}
-    </h1>
-      {{/* TODO: Add Hugo author  */}}
-    <time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
-        {{ .Date.Format "January 2, 2006" }}
-    </time>
-    <section class="nested-copy-line-height lh-copy serif f4 measure-wide-l nested-links nested-img mid-gray">
-        {{ .Content | markdownify }}
-    </section>
-    {{ partial "tags.html" . }}
-  </article>
-  <div class="ph4 mt6">
-    {{ partial "menu-contextual.html" . }}
-  </div>
+  <div class="flex-l mt5 mw8 center">
+    <article class="center cf pv5 ph3 mw7">
+      <p class="f6 fw8">
+        {{ humanize .Section | upper  }}
+      </p>
+      <h1 class="f1 athelas">
+        {{ .Title }}
+      </h1>
+        {{/* TODO: Add Hugo author  */}}
+      <time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+          {{ .Date.Format "January 2, 2006" }}
+      </time>
+      <section class="nested-copy-line-height lh-copy serif f4 measure-wide-l nested-links nested-img mid-gray">
+          {{ .Content | markdownify }}
+      </section>
+      {{ partial "tags.html" . }}
+    </article>
+    <div class="ph4 mt6">
+      {{ partial "menu-contextual.html" . }}
+    </div>
   </div>
 {{ end }}