fix: site looked really bad on small screens

themes/webbed-theme/assets/css/main.css

@@ -60,7 +60,6 @@ nav > div > a {
 section.buttons-wrapper {
   display: flex;
   flex-direction: column;
-  align-items: center;
 
   background-color: light-dark(#ebebef, #1A1A29);
   width: auto;
@@ -89,10 +88,15 @@ section {
   padding-bottom: 1rem;
 }
 
+.content-wrapper {
+	display: flex;
+	justify-content: center;
+}
+
 section.content {
   max-width: 60ch;
   border-bottom: none;
-  margin: 0 auto;
+  overflow-x: scroll;
 }
 
 section > div.buttons {

themes/webbed-theme/layouts/page.html

@@ -9,9 +9,11 @@
     <p class="date"><time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
   </section>
 
-  <section class="content">
-    {{ .Content }}
-  </section>
+  <div class="content-wrapper">
+  	<section class="content">
+  	  {{ .Content }}
+  	</section>
+  </div>
 
   {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
 {{ end }}