Adjust item excerpts

_sass/klise/_layout.scss

@@ -247,6 +247,8 @@
   }
 
   .post-item-title {
+    flex-basis: max-content;
+    flex-grow: 1;
     margin: 0;
     border: 0;
     padding: 0;
@@ -263,6 +265,15 @@
       }
     }
   }
+
+  .post-item-excerpt {
+    flex-basis: min-content;
+    flex-grow: 4;
+
+    text-align: justify;
+    line-height: 1.3;
+    color: $gray;
+  }
 }
 
 // Footer

_sass/klise/_post.scss

@@ -50,6 +50,7 @@
 
 // Post meta
 .post-meta {
+  text-align: justify;
   padding-top: 3px;
   line-height: 1.3;
   color: $gray;

collections/_mods/mouse-wheelie.md

@@ -3,6 +3,6 @@ name: Mouse Wheelie
 slug: mouse-wheelie
 curseforge: mouse-wheelie
 modrinth: mouse-wheelie
-excerpt: A mod extending the mouse wheel and inventory interactions.
+excerpt: A mod extending the mouse wheel and inventory interactions — e.g. scrolling, refilling and sorting.
 ---
 

modding.html

@@ -10,14 +10,21 @@ comments: false
 
 <h1>My mods</h1>
 
+<div>
 {%- for mod in site.mods -%}
 <article class="post-item">
 	<h3 class="post-item-title">
-		<a href="{{ mod.url }}">{{ mod.name }}</a>
+		<a href="{{ mod.url }}">
+			{{ mod.name }}
+		</a>
 	</h3>
+	<div class="post-item-excerpt">
+		{{ mod.excerpt }}
+	</div>
 </article>
 {%- else -%}
 <div style="text-align:center">
 	No mods to see here yet.
 </div>
 {%- endfor -%}
+</div>