Races: Difference between revisions

Revision as of 02:11, 26 November 2025

   <img src="AncientTreasureChestMarker.png" alt="Ancient Treasure Chest Portrait">

Your description text here… the image will scale nicely and the card remains responsive.

@@ Line 1: / Line 1: @@
-<div style="
+<div id="ancient-treasure-card" class="card">
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  border: 1px solid #d0d0d0;
-  border-radius: 8px;
-  padding: 16px;
-  margin: 16px 0;
-  background: #6E5252;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
-  gap: 16px;
-">
    <!-- IMAGE -->
-   <div style="flex: 0 0 auto; max-width: 180px;">
+   <div class="card-image">
-     [[File:AncientTreasureChestMarker.png|180px]]
+     <img src="AncientTreasureChestMarker.png" alt="Ancient Treasure Chest Portrait">
    </div>
-   <!-- TEXT CONTENT -->
+   <!-- TEXT -->
-   <div style="
+   <div class="card-content">
-    flex: 1 1 250px;
+     <h2 class="card-title">Ancient Treasure Chest</h2>
-    min-width: 250px;
+     <p class="card-text">
-  ">
+       Your description text here… the image will scale nicely and the card remains responsive.
-     <div style="font-size: 1.4em; font-weight: bold; margin-bottom: 8px;">
+     </p>
-      {{{title|Character Name}}}
-    </div>
-     <div style="line-height: 1.6;">
-       {{{text|TESTESTESTEST}}}
-     </div>
    </div>
 </div>