Update README.md

README.md

@@ -23,13 +23,32 @@ pipeline_tag: text-to-image
 
 # Viewer: <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery" target="_blank">**🖼️LoRA Gallery**</a>
 
-| <div align="center"><b>MainPage</b></div> |
-| :---: |
-| <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery"><img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview1.jpg" alt="MainPage"></a> |
-
-| <div align="center"><b>Dataset Grid</b></div> | <div align="center"><b>Dataset Detail</b></div> |
-| :---: | :---: |
-| <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery"><img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview2.jpg" alt="Dataset Grid"></a> | <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery"><img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview3.jpg" alt="Dataset Detail"></a> |
+<div style="display: flex; flex-direction: column; gap: 10px;">
+
+  <div style="text-align: center; width: 100%;">
+    <div style="font-weight: bold; font-size: 1.1em; margin-bottom: 8px; color: #d4c59a;">MainPage</div>
+    <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery">
+      <img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview1.jpg" style="width: 100%; max-width: 1200px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);" alt="MainPage">
+    </a>
+  </div>
+
+  <div style="display: flex; gap: 10px; justify-content: center; width: 100%;">
+    <!-- 左列 -->
+    <div style="flex: 1; text-align: center;">
+      <div style="font-weight: bold; font-size: 1.1em; margin-bottom: 8px; color: #d4c59a;">Dataset Grid</div>
+      <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery">
+        <img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview2.jpg" style="width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);" alt="Dataset Grid">
+      </a>
+    </div>
+    <div style="flex: 1; text-align: center;">
+      <div style="font-weight: bold; font-size: 1.1em; margin-bottom: 8px; color: #d4c59a;">Dataset Detail</div>
+      <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery">
+        <img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview3.jpg" style="width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);" alt="Dataset Detail">
+      </a>
+    </div>
+  </div>
+
+</div>
 
 ---