Fix Layout

scripts/generate_readme.py

@@ -5,18 +5,17 @@
 README_FILE = "README.md"
 
 def generate_markdown(images):
-    """Generates Markdown grid format for images with four images per row."""
+    """Generates Markdown for a responsive grid of four images per row."""
     rows = []
     row = []
     for i, img in enumerate(images, start=1):
-        row.append(f"<img src='{img}' alt='img' width='200px'>")  
+        row.append(f"<img src='{img}' alt='Wallpaper' width='250px' style='margin: 10px;'>")  # Adjust width as needed
         if i % 4 == 0:  
-            rows.append("| " + " | ".join(row) + " |")
+            rows.append("<div style='display: flex; justify-content: center; gap: 10px;'>\n" + "\n".join(row) + "\n</div>")
             row = []
-    if row:
-        rows.append("| " + " | ".join(row) + " |")  
-    separator = "| " + " | ".join(["---"] * 4) + " |\n"  
-    return "\n".join(["\n" + separator] + rows)
+    if row:  
+        rows.append("<div style='display: flex; justify-content: center; gap: 10px;'>\n" + "\n".join(row) + "\n</div>")
+    return "\n".join(rows)
 
 def main():
     images = [
@@ -41,4 +40,3 @@ def main():
 
 if __name__ == "__main__":
     main()
-