Update README.md

README.md

@@ -23,32 +23,34 @@ pipeline_tag: text-to-image
 
 # Viewer: <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery" target="_blank">**🖼️LoRA Gallery**</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>
+<table width="100%">
+  <tr>
+    <td colspan="2" align="center"><b>MainPage</b></td>
+  </tr>
+  <tr>
+    <td colspan="2" align="center">
       <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">
+        <img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview1.jpg" width="100%" alt="MainPage">
       </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>
+    </td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><b>Dataset Grid</b></td>
+    <td align="center" width="50%"><b>Dataset Detail</b></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%">
       <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">
+        <img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview2.jpg" width="100%" alt="Dataset Grid">
       </a>
-    </div>
-  </div>
-
-</div>
+    </td>
+    <td align="center" width="50%">
+      <a href="https://huggingface.co/spaces/waveshaker/character_loras_gallery">
+        <img src="https://huggingface.co/waveshaker/character_loras/resolve/main/preview/preview3.jpg" width="100%" alt="Dataset Detail">
+      </a>
+    </td>
+  </tr>
+</table>
 
 ---