fixes

app/components/LinkWrapper.tsx

@@ -1,6 +1,6 @@
 export function LinkWrapper({ children }: React.PropsWithChildren) {
   return (
-    <div className="flex flex-col items-center">
+    <div className="">
       <div className="mt-5 hover:text-[#e6c2bf] font-bold">{children}</div>
     </div>
   );

app/components/PostPreview.tsx

@@ -11,14 +11,12 @@ export function PostPreview({
 }: SerializeFrom<Post>) {
   const formattedDate = useFormattedDate(published);
   return (
-    <div className="w-full sm:w-4/5 md:w-3/4 lg:w-2/3 xl:w-1/3">
+    <div className="">
       <Link to={filename}>
-        <div className="space-y-4 py-3 text-center font-bold border-gray-600 border-2 rounded-lg">
+        <div className="py-3 font-bold">
           <div className="text-[#ffff00]">{title}</div>
           <div>{description}</div>
-          <div>
-            <time>{formattedDate}</time>
-          </div>
+          <time className="text-sm">{formattedDate}</time>
         </div>
       </Link>
     </div>

app/components/Title.tsx

@@ -1,9 +1,7 @@
 export function Title({ children }: React.PropsWithChildren) {
   return (
-    <div className="mt-5 flex flex-col items-center">
-      <div className="text-[#ffff00] font-bold">
-        <span>{children}</span>
-      </div>
+    <div className="mt-5">
+      <h1 className="text-[#ffff00] text-2xl font-bold">{children}</h1>
     </div>
   );
 }