Update the article blocks to make the content uncentered.

views/partials/article_briefly.hbs

@@ -1,8 +1,8 @@
 <section x-data="{ showArticle: false }" hx-target="this">
-  <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-6">
+  <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
     <div class="mx-auto max-w-screen-sm">
-      <h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">{{ article.title }}</h2>
-      <p class="mb-3 text-base text-gray-500 dark:text-gray-400">{{{ article-timestamp article.created }}}</time></p>
+      <h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white text-center">{{ article.title }}</h2>
+      <p class="mb-3 text-base text-gray-500 dark:text-gray-400 text-center">{{{ article-timestamp article.created }}}</time></p>
 
       <p x-show="!showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ article.content }} {{ is-brief article.content_length }} </p>
       <p x-show="showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ article.content }} </p>

views/partials/article_full.hbs

@@ -1,8 +1,8 @@
 <section x-data="{ showArticle: true }">
-  <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-6">
+  <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
     <div class="mx-auto max-w-screen-sm">
-      <h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">{{ article.title }}</h2>
-      <p class="mb-3 text-base text-gray-500 dark:text-gray-400">{{{ article-timestamp article.created }}}</time></p>
+      <h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white text-center">{{ article.title }}</h2>
+      <p class="mb-3 text-base text-gray-500 dark:text-gray-400 text-center">{{{ article-timestamp article.created }}}</time></p>
 
       <p x-show="!showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ truncatestring article.content 60 }} </p>
       <p x-show="showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ article.content }} </p>