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,8 +7,9 @@
 <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">
+                <div style="max-width:100ch">
                     {{ if .Title }}
                     <h1 class="display-5 fw-bold">
                         {{ if .Params.link }}
@@ -26,12 +27,13 @@
                     {{ end }}
                 </div>
             </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>