chore: added spacing to sections

Author: ringoldsdev

src/pages/blog/[id].astro

@@ -28,13 +28,13 @@ const { Content, headings } = await render(post);
     </div>
 
 
-    <article class="prose prose-base prose-headings:font-display prose-headings:font-semibold dark:prose-headings:text-white dark:prose-blockquote:border-base-500 prose-blockquote:font-normal prose-blockquote:tracking-normal prose-img:border prose-img:border-base-200 dark:prose-img:border-base-700 dark:prose-code:text-white prose-a:text-accent-400 hover:prose-a:text-accent-500 dark:prose-hr:border-base-800 prose-hr:border-base-300 prose-pre:border-none prose-pre:rounded-none prose-strong:font-medium prose-a:duration-200 dark:prose-strong:text-white">
+    <article class="prose prose-base [&>section]:mb-12 prose-headings:font-display prose-headings:font-semibold dark:prose-headings:text-white dark:prose-blockquote:border-base-500 prose-blockquote:font-normal prose-blockquote:tracking-normal prose-img:border prose-img:border-base-200 dark:prose-img:border-base-700 dark:prose-code:text-white prose-a:text-accent-400 hover:prose-a:text-accent-500 dark:prose-hr:border-base-800 prose-hr:border-base-300 prose-pre:border-none prose-pre:rounded-none prose-strong:font-medium prose-a:duration-200 dark:prose-strong:text-white">
 
       <p class="mb-8">
         {post.data.description}
       </p>   
 
-      <Content />
+      <Content/>
     </article>
   </div>
 </BaseLayout>