Update app.py

app.py

@@ -15,8 +15,8 @@ pipe = pipeline(
 
 fancy_css = """
 .gradio-container {
-    max-width: 900px !important;
-    margin: 0 auto;
+    width: 96% !important;
+    max-width: none !important;
 }
 
 #app-title {
@@ -31,6 +31,7 @@ fancy_css = """
 }
 
 #chat-container {
+    width: 100%;
     border: 1px solid var(--border-color-primary);
     border-radius: 12px;
     padding: 16px;
@@ -42,6 +43,16 @@ fancy_css = """
     color: var(--body-text-color-subdued);
     margin-top: 8px;
 }
+
+@media (max-width: 768px) {
+    .gradio-container {
+        width: 98% !important;
+    }
+
+    #chat-container {
+        padding: 8px;
+    }
+}
 """
 
 
@@ -166,7 +177,7 @@ with gr.Blocks(css=fancy_css) as demo:
     )
 
     gr.Markdown(
-        "Compare a remotely hosted LLM with a model running locally on the Space.",
+        "A fancier version of the standard Huggging Face chatbot template.",
         elem_id="app-subtitle",
     )