headings and scroll fix

components/PostHeader.tsx

@@ -20,10 +20,10 @@ export const PostHeader = ({
     frontMatter as BasicArticleProps;
 
   return (
-    <div>
+    <div className="flex items-start gap-2 flex-col">
       <div className="lg:text-5xl text-3xl font-bold mt-2">{title}</div>
       <div className="mt-2 text-gray-600dark:text-gray-400">{description}</div>
-      <div className="mt-2 mb-10 flex lg:flex-row flex-col gap-2 items-center">
+      <div className="mt-2 mb-10 flex lg:flex-row flex-col gap-2 items-start">
         {author && (
           <div className="font-medium ">
             By{" "}