From 34d10bd313e48307a52f6552a49a0357454203fb Mon Sep 17 00:00:00 2001
From: David Nguyen <davidngu28@gmail.com>
Date: Fri, 28 Jul 2023 11:19:52 +1000
Subject: [PATCH] feat: update blog styling

---
 apps/marketing/src/app/(marketing)/blog/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/marketing/src/app/(marketing)/blog/page.tsx b/apps/marketing/src/app/(marketing)/blog/page.tsx
index 3a727f19d..43443cdd8 100644
--- a/apps/marketing/src/app/(marketing)/blog/page.tsx
+++ b/apps/marketing/src/app/(marketing)/blog/page.tsx
@@ -9,21 +9,21 @@ export default function BlogPage() {
   });
 
   return (
-    <div className="mt-12">
+    <div className="mt-6 sm:mt-12">
       <div className="text-center">
         <h1 className="text-3xl font-bold lg:text-5xl">From the blog</h1>
 
-        <p className="mt-4 text-lg leading-normal text-[#31373D]">
+        <p className="mx-auto mt-4 max-w-xl text-center text-lg leading-normal text-[#31373D]">
           Get the latest news from Documenso, including product updates, team announcements and
           more!
         </p>
       </div>
 
-      <div className="mt-10 space-y-16 divide-y divide-gray-100 border-t border-gray-200 ">
+      <div className="mt-10 divide-y divide-gray-100 border-t border-gray-200 ">
         {blogPosts.map((post, i) => (
           <article
             key={`blog-${i}`}
-            className="mx-auto flex max-w-xl flex-col items-start justify-between pt-10 first:pt-0 sm:mt-16 sm:pt-16"
+            className="mx-auto mt-8 flex max-w-xl flex-col items-start justify-between pt-8 first:pt-0 sm:mt-16 sm:pt-16"
           >
             <div className="flex items-center gap-x-4 text-xs">
               <time dateTime={post.date} className="text-gray-500">