Update templates/index.html

templates/index.html

@@ -16,6 +16,7 @@
             text-align: center;
             color: #2c3e50;
             margin-bottom: 20px;
+            font-size: 2em;
         }
         .search-container {
             text-align: center;
@@ -48,14 +49,13 @@
             margin-bottom: 15px;
         }
         .tiles {
-            display: flex;
-            flex-wrap: wrap;
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
             gap: 20px;
             justify-content: center;
         }
         .article-tile {
             background-color: white;
-            width: 300px;
             padding: 15px;
             border-radius: 8px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow like screenshot */