Update app.py

app.py

@@ -141,10 +141,10 @@ def search_spaces(search_text="", category="All Categories", offset=0, limit=100
         <p style='color: var(--color-text-primary);'>Total Likes: {total_likes:,}</p>
     </div>
     <div style='max-height: 800px; overflow-y: auto;'>
-        <div style='display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 10px;'>
+        <div style='display: grid; grid-template-columns: repeat(3, minmax(300px, 1fr)); 
+                    gap: 15px; padding: 10px; width: 100%; max-width: 1800px; margin: 0 auto;'>
     """
     
-    # Changed page_size to limit here
     for _, row in spaces.iterrows():
         html_content += f"""
         <div style='padding: 15px; 
@@ -155,12 +155,19 @@ def search_spaces(search_text="", category="All Categories", offset=0, limit=100
                     display: flex;
                     flex-direction: column;
                     height: 100%;
-                    position: relative;'>
-            <h3 style='margin-top: 0; margin-bottom: 10px;'>
+                    position: relative;
+                    min-width: 0;'>  /* Added min-width: 0 */
+            <h3 style='margin-top: 0; margin-bottom: 10px; 
+                      overflow: hidden; text-overflow: ellipsis; 
+                      word-wrap: break-word; hyphens: auto;'>
                 <a href='{row['url']}' target='_blank' 
                    style='color: #2196F3; 
                           text-decoration: none; 
-                          font-weight: bold;'>{row['title']}</a>
+                          font-weight: bold;
+                          display: -webkit-box;
+                          -webkit-line-clamp: 2;
+                          -webkit-box-orient: vertical;
+                          overflow: hidden;'>{row['title']}</a>
             </h3>
             <div style='height: 2px; 
                         background: var(--color-border-primary);
@@ -170,7 +177,11 @@ def search_spaces(search_text="", category="All Categories", offset=0, limit=100
                 <span style='background-color: var(--color-accent-soft); 
                            padding: 2px 8px; 
                            border-radius: 12px;
-                           font-size: 0.9em;'>
+                           font-size: 0.9em;
+                           display: inline-block;
+                           max-width: 100%;
+                           overflow: hidden;
+                           text-overflow: ellipsis;'>
                     {row['category']}
                 </span>
             </p>