restructure the single post

post pagination was not correctly aligned, which helped see that the structure

assets/scss/pages/post.scss

@@ -4,8 +4,6 @@
 
 .post {
   width: 100%;
-  max-width: 50rem;
-  margin: 0 auto;
 
   h2, h3 {
     position: relative;
@@ -49,9 +47,11 @@
   }
 }
 
-.article-w-ToC {
+.post__container {
   display: flex;
   flex-direction: row;
+  max-width: 50rem;
+  margin: 0 auto 0 auto;
 
   @media screen and (max-width:800px) {
     flex-direction: column;

layouts/_default/single.html

@@ -5,24 +5,24 @@
 {{ define "main" }}
     {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2 2006" }}
 
-    <div class="post">
-      <header class="post__header">
-        <h1 id="post__title">{{.Title}}</h1>
-        <time datetime="{{ .Date }}" class="post__date"
-        >{{ .Date.Format $dateFormat }}</time>
-      </header>
-      <div class="article-w-ToC">
+    <div class="post__container">
+      <div class="post">
+        <header class="post__header">
+          <h1 id="post__title">{{.Title}}</h1>
+          <time datetime="{{ .Date }}" class="post__date"
+          >{{ .Date.Format $dateFormat }}</time>
+        </header>
         <article class="post__content">
             {{ partial "anchored-headings.html" .Content }}
             {{ if or .Params.math .Site.Params.math }}
                 {{ partial "math.html" . }}
             {{ end }}
         </article>
-        {{ if or .Params.toc .Site.Params.toc }}
-          {{ .TableOfContents }}
-        {{ end }}
+        {{ partial "tags.html" .}} {{ partial "post-pagination.html" .}}
       </div>
-      {{ partial "tags.html" .}} {{ partial "post-pagination.html" .}}
+      {{ if or .Params.toc .Site.Params.toc }}
+        {{ .TableOfContents }}
+      {{ end }}
     </div>
 
     {{ template "_internal/disqus.html" . }}