fix headings

viperML · Jul 6, 2024 · 30d296a · 30d296a
1 parent 4634bf0
commit 30d296a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/src/components/Post.astro b/src/components/Post.astro
@@ -7,11 +7,13 @@ const { post } = Astro.props;
 ---
 
 <li class="post-container">
-    <h3>
-        <a href={`/blog/${post.slug}`}>
-            {post.data.title}
-        </a>
-    </h3>
+    <div>
+        <h3>
+            <a href={`/blog/${post.slug}`}>
+                {post.data.title}
+            </a>
+        </h3>
+    </div>
 
     <p class="post-description">
         {post.data.summary}

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -45,6 +45,15 @@ h3:hover {
     text-decoration: underline;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    display: inline-block;
+}
+
 a:hover {
     text-decoration: underline;
 }