center aligned

app.py

@@ -388,6 +388,11 @@ css="""
     display: flex;
     justify-content: center; /* Centers the buttons horizontally */
 }
+#compact-row {
+    width:100%;
+   max-width: 1000px;
+   margin: 0px auto;
+}
 """
 
 with gr.Blocks(theme=gr.themes.Soft(font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]), css=css) as demo:
@@ -435,7 +440,7 @@ with gr.Blocks(theme=gr.themes.Soft(font=[gr.themes.GoogleFont("Inconsolata"), "
                     )
                     next_btn1 = gr.Button("Generate", variant="primary", scale=1, interactive=False, visible=False)
 
-            with gr.Row():
+            with gr.Row(elem_id="compact-row"):
                 with gr.Column(elem_id="col-container"):
                     gallery_state1 = gr.State([])
                     images_method1 = gr.Gallery(show_label=False, columns=[4], rows=[1], height=420, elem_id="gallery")