Update app.css

app.css

@@ -10,6 +10,8 @@ body {
     font-family: 'Roboto', sans-serif;
     margin: 0 auto;
     padding: 20px;
+    max-width: 100%; /* Ensure the container doesn't exceed the viewport width */
+    overflow-x: hidden; /* Hide horizontal overflow */
 }
 
 .gr-button {
@@ -39,7 +41,10 @@ h1 {
     border-radius: 4px;
     margin: 10px 0;
     padding: 15px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    box-sizing: border-box; /* Include padding and border in the total width and height */
+    word-wrap: break-word; /* Break long words to prevent overflow */
+    overflow-wrap: break-word; /* For better compatibility */
+    max-width: 100%; /* Ensure cards don't exceed the container width */
 }
 
 .card-content h3 {
@@ -56,6 +61,7 @@ h1 {
 .card-content a {
     color: #1E88E5;
     text-decoration: none;
+    word-break: break-all; /* Break long URLs to prevent overflow */
 }
 
 .card-content a:hover {