Minor formatting hotfix

ujaandas · Sep 14, 2024 · c7440c3 · c7440c3
1 parent 6152566
commit c7440c3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -8,7 +8,7 @@ export default async function Home() {
   return (
     // <div className="bg-cat-mocha-mantle">
     <div className="bg-gradient-to-r dark:from-cat-mocha-crust from-cat-latte-base from-10% dark:to-cat-mocha-base to-cat-latte-mantle to-90%">
-      <main className="flex flex-col p-10 snap-mandatory overflow-hidden items-center w-full max-w-2xl md:max-w-3xl justify-center m-auto ">
+      <main className="flex flex-col p-10 items-center w-full max-w-2xl md:max-w-3xl justify-center m-auto ">
         <section className="flex flex-col md:flex-row items-center">
           <DynamicSidebar />
           <AboutMeContent />

diff --git a/src/components/Title.tsx b/src/components/Title.tsx
@@ -4,8 +4,10 @@ interface TitleProps {
 
 export default function Title({ title }: TitleProps) {
   return (
-    <h1 className="text-3xl font-bold dark:text-cat-mocha-text text-cat-latte-text">
-      {title}
-    </h1>
+    <div className="">
+      <h1 className="text-3xl font-bold dark:text-cat-mocha-text text-cat-latte-text">
+        {title}
+      </h1>
+    </div>
   );
 }
diff --git a/src/components/chunks/ResearchContent.tsx b/src/components/chunks/ResearchContent.tsx
@@ -5,7 +5,7 @@ import Title from "../Title";
 async function ResearchContent() {
   const researchContent = await fetchMdxByCategory("research");
   return (
-    <div className="mt-10">
+    <div className="">
       <Title title="Research" />
       {researchContent.map((content, index) => (
         <Post