From 9c4804ed3616952898457e21051272e5b3b38bf3 Mon Sep 17 00:00:00 2001
From: Jaysyn904 <68194417+Jaysyn904@users.noreply.github.com>
Date: Thu, 4 May 2023 12:16:53 +0000
Subject: [PATCH] Updated NWNDS Creature Appearance Tracker (markdown)

---
 NWNDS-Creature-Appearance-Tracker.md | 31 +++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/NWNDS-Creature-Appearance-Tracker.md b/NWNDS-Creature-Appearance-Tracker.md
index 21f4f92..6d01148 100644
--- a/NWNDS-Creature-Appearance-Tracker.md
+++ b/NWNDS-Creature-Appearance-Tracker.md
@@ -1,5 +1,26 @@
-| Caption 1 | Caption 2 | Caption 3 | Caption 4 |
-| --- | --- | --- | --- |
-| <img src="/path/to/image1.jpg" alt="Caption for Image 1" width="150px"/> | <img src="/path/to/image2.jpg" alt="Caption for Image 2" width="150px"/> | <img src="/path/to/image3.jpg" alt="Caption for Image 3" width="150px"/> | <img src="/path/to/image4.jpg" alt="Caption for Image 4" width="150px"/> |
-| <img src="/path/to/image5.jpg" alt="Caption for Image 5" width="150px"/> | <img src="/path/to/image6.jpg" alt="Caption for Image 6" width="150px"/> | <img src="/path/to/image7.jpg" alt="Caption for Image 7" width="150px"/> | <img src="/path/to/image8.jpg" alt="Caption for Image 8" width="150px"/> |
-| <img src="/path/to/image9.jpg" alt="Caption for Image 9" width="150px"/> | <img src="/path/to/image10.jpg" alt="Caption for Image 10" width="150px"/> | <img src="/path/to/image11.jpg" alt="Caption for Image 11" width="150px"/> | <img src="/path/to/image12.jpg" alt="Caption for Image 12" width="150px"/> |
+<div style="display: table; width: 100%;">
+  <div style="display: table-row;">
+    <div style="display: table-cell; font-weight: bold; text-align: center; padding: 10px; background-color: #eee;">Row Title 1</div>
+    <div style="display: table-cell; font-weight: bold; text-align: center; padding: 10px; background-color: #eee;">Row Title 2</div>
+    <div style="display: table-cell; font-weight: bold; text-align: center; padding: 10px; background-color: #eee;">Row Title 3</div>
+    <div style="display: table-cell; font-weight: bold; text-align: center; padding: 10px; background-color: #eee;">Row Title 4</div>
+  </div>
+  <div style="display: table-row;">
+    <div style="display: table-cell;"><img src="/path/to/image2.jpg" alt="Caption for Image 2" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image3.jpg" alt="Caption for Image 3" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image4.jpg" alt="Caption for Image 4" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image5.jpg" alt="Caption for Image 5" style="width: 100%;"></div>
+  </div>
+  <div style="display: table-row;">
+    <div style="display: table-cell;"><img src="/path/to/image6.jpg" alt="Caption for Image 6" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image7.jpg" alt="Caption for Image 7" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image8.jpg" alt="Caption for Image 8" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image9.jpg" alt="Caption for Image 9" style="width: 100%;"></div>
+  </div>
+  <div style="display: table-row;">
+    <div style="display: table-cell;"><img src="/path/to/image10.jpg" alt="Caption for Image 10" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image11.jpg" alt="Caption for Image 11" style="width: 100%;"></div>
+    <div style="display: table-cell;"><img src="/path/to/image12.jpg" alt="Caption for Image 12" style="width: 100%;"></div>
+    <div style="display: table-cell;"></div>
+  </div>
+</div>