From cb025398b349ffd6742ae1e580e9dec3dbc2afd8 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sat, 8 Apr 2023 13:37:01 -0700
Subject: [PATCH] Fix the extra 2px space at the bottom of <figure> elements

It was because they were display: inline-block
---
 assets/styles/root.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/styles/root.css b/assets/styles/root.css
index f6c49f9..510be33 100644
--- a/assets/styles/root.css
+++ b/assets/styles/root.css
@@ -171,9 +171,12 @@ figcaption {
     text-align: center;
 }
 
+details {
+  width: 100%;
+}
+
 figure {
     border-radius: 6px;
-    display: inline-block;
     line-height: 1;
     margin: 0;
     margin-inline: 0;
@@ -193,6 +196,7 @@ figure a:hover {
 }
 
 figure img {
+    display: block;
     border-radius: 6px;
     height: auto;
     max-width: var(--content-width);