From a111d114c8031f281f86e08b227bc5a2a27b483b Mon Sep 17 00:00:00 2001
From: Ash Smith <ash@myjam.com>
Date: Tue, 12 Sep 2023 12:20:43 +0100
Subject: [PATCH] break words and fix header position

---
 src/components/Container.tsx | 2 +-
 src/pages/post/[slug].tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Container.tsx b/src/components/Container.tsx
index d8a4ddc..ca32fb6 100644
--- a/src/components/Container.tsx
+++ b/src/components/Container.tsx
@@ -65,7 +65,7 @@ export default function Container({ children }: { children: React.ReactNode }) {
         </div>
         <div className="max-w-xl m-auto flex justify-center mb-8">
           {/* <Image src={profilePic} alt="Picture of the author" className="rounded-full" width={95} height={95} placeholder="blur" /> */}
-          <div className="flex flex-col items-center ml-8">
+          <div className="flex flex-col items-center mt-8">
             <h1 className="text-5xl font-extrabold">Ash Smith</h1>
             <h2 className="text-xl">Cloud & Serverless Developer</h2>
           </div>
diff --git a/src/pages/post/[slug].tsx b/src/pages/post/[slug].tsx
index 7df689f..4492566 100644
--- a/src/pages/post/[slug].tsx
+++ b/src/pages/post/[slug].tsx
@@ -92,7 +92,7 @@ export default function ProjectSlugRoute(
                     </blockquote>
                   ),
                   normal: ({ children }) => (
-                    <p className="text leading-loose mb-4">{children}</p>
+                    <p className="text leading-loose mb-4 break-words">{children}</p>
                   ),
                   h1: ({ children }) => (
                     <h1 className="text-4xl mb-2 font-extrabold">{children}</h1>