h3 -> h2 in blog archive

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleventy-excellent",
-  "version": "1.1.5",
+  "version": "1.1.4",
   "engines": {
     "node": ">=16.x.x"
   },

src/_includes/partials/blog-card.njk

@@ -1,7 +1,7 @@
 <li class="card flow clickable-card overflow-hidden">
-  <h3>
+  <h2>
     <a href="{{ post.url | url }}">{{ post.data.title }}</a>
-  </h3>
+  </h2>
   {% set definedDate = post.date %} {% include "partials/date.njk" %}
   <p>{{ post.data.description }}</p>
 </li>

src/_layouts/blog.njk

@@ -16,7 +16,16 @@ layout: base
 
 <article class="wrapper region">
   <ul class="grid mt-l-xl" role="list" data-rows="masonry" data-layout="50-50">
-    {% set postslist = collections.posts %} {% for post in postslist %} {% include
+    {% set postslist = collections.posts %} {% for post in postslist %}
-    "partials/blog-card.njk" %} {% endfor %}
+
+    <li class="card flow clickable-card overflow-hidden">
+      <h2>
+        <a href="{{ post.url | url }}">{{ post.data.title }}</a>
+      </h2>
+      {% set definedDate = post.date %} {% include "partials/date.njk" %}
+      <p>{{ post.data.description }}</p>
+    </li>
+
+    {% endfor %}
   </ul>
 </article>

src/_layouts/home.njk

@@ -28,7 +28,16 @@ layout: base
   <!-- TODO: duplicate of partials/blog.njk -->
 
   <ul class="wrapper grid mt-l-xl" role="list" data-rows="masonry" data-layout="50-50">
-    {% set postslist = collections.posts %} {% for post in postslist.slice(0, 4) %} {%
+    {% set postslist = collections.posts %} {% for post in postslist.slice(0, 4) %}
-    include "partials/blog-card.njk" %} {% endfor %}
+
+    <li class="card flow clickable-card overflow-hidden">
+      <h3>
+        <a href="{{ post.url | url }}">{{ post.data.title }}</a>
+      </h3>
+      {% set definedDate = post.date %} {% include "partials/date.njk" %}
+      <p>{{ post.data.description }}</p>
+    </li>
+
+    {% endfor %}
   </ul>
 </article>

src/assets/css/blocks/card.css

@@ -17,6 +17,11 @@
   background: var(--color-secondary);
 }
 
+.card h2 {
+  font-size: var(--size-step-3);
+}
+
+.card h2 a,
 .card h3 a {
   text-decoration: none;
 }