min image size in group

frontend/src/styles/global.css

@@ -548,6 +548,11 @@ code, pre, kbd, samp {
  * row; each figure gets `flex: <aspect-ratio>` inline so widths divide
  * proportionally and heights line up. Wraps to a column on narrow screens. */
 .prose .figure-row {
+  /* Target row height. Each figure's flex-basis is ratio × this value, so
+   * rows pack as many figures as fit at roughly --row-h tall, then wrap.
+   * --row-max caps how tall a sparsely-filled final row can grow. */
+  --row-h: 16rem;
+  --row-max: 30rem;
   display: flex;
   flex-wrap: wrap;
   gap: 0.9rem;
@@ -557,6 +562,12 @@ code, pre, kbd, samp {
   width: calc(100% + min(8vw, 4rem));
   margin-left: calc(min(8vw, 4rem) / -2);
 }
+@media (min-width: 1024px) {
+  .prose .figure-row {
+    --row-h: 18rem;
+    --row-max: 34rem;
+  }
+}
 .prose .figure-row figure {
   margin: 0;
   min-width: 0;     /* allow flex children to shrink below content width */