adjust format

app.py

@@ -14,7 +14,7 @@ tryon_css="""
     display: block;
     margin: 0 auto;
     max-height: 560px;
-    max-width: 100%;
+    max-width: 420px;
     height: auto;
     width: auto;
     object-fit: contain;
@@ -27,7 +27,7 @@ tryon_css="""
     display: block;
     margin: 0 auto;
     max-height: 560px;
-    max-width: 100%;
+    max-width: 420px;
     height: auto;
     width: auto;
     object-fit: contain;
@@ -40,7 +40,7 @@ tryon_css="""
     display: block;
     margin: 0 auto;
     max-height: 560px;
-    max-width: 100%;
+    max-width: 420px;
     height: auto;
     width: auto;
     object-fit: contain;

data/header.html

@@ -10,14 +10,14 @@
         <a href="https://huhu.ai/try-on-api/"><img src="https://img.shields.io/badge/API-Huhu%20AI-red?style=plastic"></a>
     </div>
     <br>
-    <div style="display: flex; text-align: center; font-size: 20px; padding-right: 150px; padding-left: 150px;">
+    <div style="text-align: center; font-size: 16px; max-width: 1000px; margin: 0 auto;">
         Try the fastest virtual try-on model — generation can be completed in as little as 10 seconds. <br>
         If you like our project please visit our official website for the latest model updates.
     </div>
-    <div style="display: flex; text-align: center; font-size: 16px; padding-right: 200px; padding-left: 200px;">
+    <div style="text-align: center; font-size: 16px; max-width: 800px; margin: 0 auto;">
         You can not only use your own garments but also upload your own model photos for generation. <br>
         After uploading a garment image, please select the corresponding clothing type. <br>
         <i>Please ensure that any images you upload (e.g., model photos) do not infringe third-party rights.</i>
     </div>
-  </div>
+  </div>g
 </div>