fix css for blog posts

ethancedwards8 · Dec 29, 2024 · e0fa70d · e0fa70d
1 parent bd39d66
commit e0fa70d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/pages/blog/[slug].js b/pages/blog/[slug].js
@@ -25,14 +25,15 @@ export default function slug({ frontMatter, source, slug }) {
             <meta name="fediverse:creator" content="@[email protected]" />
           </Head>
 
-          <h1>{frontMatter.title}</h1>
-          <h3>{dayjs(frontMatter.date).format('MMMM D, YYYY')}</h3>
-          <h4>{frontMatter.author}</h4>
-          <hr/>
-          <main className={styles.content}>
-            <MDXRemote {...source} components={components}/>
-          </main>
-          <hr/>
+          <div className={styles.content}>
+                <h1>{frontMatter.title}</h1>
+                <h3>{dayjs(frontMatter.date).format('MMMM D, YYYY')}</h3>
+                <h4>{frontMatter.author}</h4>
+                <hr/>
+                <main>
+                  <MDXRemote {...source} components={components}/>
+                </main>
+          </div>
         </>
     );
 }

diff --git a/styles/post.module.scss b/styles/post.module.scss
@@ -1,3 +1,4 @@
 .content {
-    padding: 5px;
+    margin: 0 50px;
+    padding: 10px;
 }