Update README.md

README.md

@@ -39,7 +39,7 @@ license: creativeml-openrail-m
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/37526-1550904897-Bearded%20old%20man%2C%20glasses%2C%20sitting%20at%20table%2C%20vest%2C%20solo%2C%20masterpiece%2C%20clocks%2C%20wooden%20shack.png" style="margin:0"/>
   </a>
 </div>
-<div style="display: flex; align-items:top; justify-content:space-around; align-items: center;">
+<div style="display: flex; align-items:top; justify-content:space-around; align-items: center; padding-bottom: 40px;">
   <a href="#example1" style="padding:5px">
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38249-1057239513-floating%20islands%2C%20caustics%2C%20depth%20of%20field%2C%20masterpiece%2C%20detailed%2C%20waterfall%2C%20reflective%2C%20fog%2C%20foggy%2C%20sunset%2C%20autumn%2C%20lens%20flare.png" style="margin:0"/>
   </a>
@@ -54,7 +54,7 @@ license: creativeml-openrail-m
   </a>
 </div>
 <!--Model Info-->
-<div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="model-info">
+<div style="padding:10px; margin: 40px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="model-info">
   <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Model Info</h2>
   <p style="font-size: 18px;  color: #666;">
     <strong>Downloads: </strong>
@@ -69,7 +69,7 @@ license: creativeml-openrail-m
   </p>
 </div>
 <!--Prompt format-->
-<div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="promptformat">
+<div style="padding:10px; margin: 40px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="promptformat">
   <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Prompt Format</h2>
   <p style="font-size: 18px; color: #666;">It is recommended to use booru styled tags to for the prompts.</p>
   <div style="padding:8px">
@@ -84,7 +84,7 @@ license: creativeml-openrail-m
   <p style="font-size: 18px; color: #666;">The model has also been fine tuned to be better at handling shorter prompts.</p>
 </div>
 <!--Recommmended settings-->
-<div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="recsettings">
+<div style="padding:10px; margin: 40px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="recsettings">
   <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Recommended Settings</h2>
   <p style="font-size: 18px; margin-bottom: 4px; color: #666;">This model performs best with the following settings:</p>
   <ul style="list-style-type: none; padding: 0 8px">
@@ -136,7 +136,7 @@ license: creativeml-openrail-m
 
 
 <!--Examples-->
-<div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"" id="examples">
+<div style="padding:10px; margin: 40px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"" id="examples">
   <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Examples</h2>
   <div style="display: flex; flex-wrap: wrap; justify-content: center;">
     <div style="padding: 20px; width: 100%; text-align: center;" id="example1">