Style blog archive page

src/blog/posts.njk

@@ -12,8 +12,8 @@ blogNav: Archive
 
 <ul class="blog__postlist">
     {% for post in postList %}
-        <li>
-            <h2 class="blog__title">
+        <li class="blog__postlist--item">
+            <h2 class="blog__postlist--title">
                 <a href="{{ post.url }}">
                     {% if post.data.title %}{{ post.data.articleTitle }}
                     {% else %}
@@ -22,21 +22,20 @@ blogNav: Archive
                 </a>
             </h2>
             <time>{{ post.date | niceDate }}</time>
-            <p>{{ post.data.desc }}</p>
         </li>
     {% endfor %}
 </ul>
 
-<p class="center-text">
-    {% if pagination.href.previous %}
-        <a href=" {{ pagination.href.previous }}">Previous</a>
-    {% else %}
-        Previous
-    {% endif %}
-    /
-    {% if pagination.href.next %}
-        <a href=" {{ pagination.href.next }}">Next</a>
-    {% else %}
-        Next
-    {% endif %}
-</p>
+<style>
+    .blog__postlist {
+        display: grid;
+        gap: 1em;
+        padding-left: 1em;
+    }
+
+    .blog__postlist--title {
+        font-size: clamp(1.55rem, 1rem + 3vw, 1.3rem);
+        line-height: 1.3;
+        margin-bottom: 0.2em;
+    }
+</style>