Update app.py

app.py

@@ -132,23 +132,21 @@ theme = gr.themes.Default(
     
 # Setup the Gradio Blocks interface with custom layout components
 with gr.Blocks(theme=theme) as demo:
-
-    gr.Markdown(welcome_message)  # Display the formatted welcome message
     
-    with gr.Row():
-        with gr.Column(scale=0.8):
-            gr.Markdown(topics)
-          
-        
-           # Show the topics on the left side
-        with gr.Row():
-            with gr.Column():
-                question = gr.Textbox(label="You", placeholder="What do you want to talk to CalmBot about?")
-                answer = gr.Textbox(label="CalmBot's Response :D", placeholder="CalmBot will respond here..", interactive=False, lines=20)
-                submit_button = gr.Button("Submit")
-                submit_button.click(fn=query_model, inputs=question, outputs=answer)
-
-demo.launch()
+    # Centering the content using Gradio Rows and Columns
+    with gr.Row(align="center", elem_id="main-row", equal_height=True):
+        with gr.Column(scale=1, min_width=300):
+            gr.Markdown(welcome_message)
+            with gr.Row():
+                with gr.Column(scale=0.8):
+                    gr.Markdown(topics)
+            
+            with gr.Row(align="center"):
+                with gr.Column(scale=1, min_width=300):
+                    question = gr.Textbox(label="You", placeholder="What do you want to talk to CalmBot about?", lines=2)
+                    answer = gr.Textbox(label="CalmBot's Response :D", placeholder="CalmBot will respond here..", interactive=False, lines=20)
+                    submit_button = gr.Button("Submit")
+                    submit_button.click(fn=query_model, inputs=question, outputs=answer)
 
 # Launch the Gradio app to allow user interaction
 demo.launch(share=True)