From c8191f7268f20b7f1ae17d997d9bb6d666a9a847 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Thu, 17 Oct 2024 08:39:58 -0700
Subject: [PATCH] When a figure has only an <img>, center the image

---
 assets/css/050_figures.css | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/assets/css/050_figures.css b/assets/css/050_figures.css
index 56db020..a274aef 100644
--- a/assets/css/050_figures.css
+++ b/assets/css/050_figures.css
@@ -18,21 +18,17 @@
     justify-content: center;
     min-width: fit-content;
   }
+
+  &:has(img:only-of-type) {
+    display: flex;
+    justify-content: center;
+  }
 }
 
 .figure--code {
   grid-column: gutter-start / gutter-end;
 }
 
-.figure--image {
-    display: grid;
-    grid-template-columns: subgrid;
-
-    img {
-        grid-column: wide-gutter-start / wide-gutter-end;
-    }
-}
-
 .figure--youtube {
   grid-column: wide-gutter-start / wide-gutter-end;