break words and fix header position

ashsmith · Sep 12, 2023 · a111d11 · a111d11
1 parent 6f64474
commit a111d11
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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>