Restructure centered columns

layouts/_default/baseof.html

@@ -60,8 +60,10 @@
             </main>
             {{ if .Site.Copyright }}
             <footer>
-                <div class="justify-content-center pb-3 row text-center">
+                <div class="justify-content-center row">
-                    <div class="col text-muted" style="max-width:100ch">{{ .Site.Copyright | markdownify }}</div>
+                    <div class="col col-auto">
+                        <p class="text-muted" style="max-width:100ch">{{ .Site.Copyright | markdownify }}</p>
+                    </div>
                 </div>
             </footer>
             {{ end }}

layouts/_default/single.html

@@ -7,31 +7,33 @@
 <article>
     {{ if or .Title .Description .PublishDate }}
     <header>
-        <div class="justify-content-center row text-center">
+        <div class="justify-content-center row">
-            <div class="col" style="max-width:100ch">
+            <div class="col col-auto text-center">
-                {{ if .Title }}
+                <div style="max-width:100ch">
-                <h1 class="display-5 fw-bold">
+                    {{ if .Title }}
-                    {{ if .Params.link }}
+                    <h1 class="display-5 fw-bold">
-                    <a href="{{ .Params.link }}">{{ .Title | markdownify }}</a>
+                        {{ if .Params.link }}
-                    {{ else }}
+                        <a href="{{ .Params.link }}">{{ .Title | markdownify }}</a>
-                    {{ .Title | markdownify }}
+                        {{ else }}
+                        {{ .Title | markdownify }}
+                        {{ end }}
+                    </h1>
                     {{ end }}
-                </h1>
+                    {{ if .Description }}
-                {{ end }}
+                    <p class="lead">{{ .Description | markdownify }}</p>
-                {{ if .Description }}
+                    {{ end }}
-                <p class="lead">{{ .Description | markdownify }}</p>
+                    {{ if .PublishDate }}
-                {{ end }}
+                    <p class="text-muted"><time datetime="{{ .PublishDate.Format `2006-01-02` }}">{{ .PublishDate.Format "January 2, 2006" }}</time></p>
-                {{ if .PublishDate }}
+                    {{ end }}
-                <p class="text-muted"><time datetime="{{ .PublishDate.Format `2006-01-02` }}">{{ .PublishDate.Format "January 2, 2006" }}</time></p>
+                </div>
-                {{ end }}
             </div>
         </div>
     </header>
     {{ end }}
     {{ if .Content }}
-    <div class="row">
+    <div class="justify-content-center row">
-        <div class="col">
+        <div class="col col-auto">
-            <div class="mx-auto" style="max-width:66ch">
+            <div style="max-width:66ch">
                 {{ .Content }}
             </div>
         </div>