Mobile responsive thanks ai slop

frontend/app/pages/index.vue

@@ -835,11 +835,11 @@ const sectionTargets = {
   }
 }
 
-@media (max-width: 640px) {
+@media (max-width: 600px) {
   .section-title {
     font-size: 1.1rem;
   }
-  
+
   .project-card {
     padding: 8px 12px;
   }
@@ -853,11 +853,11 @@ const sectionTargets = {
     min-width: auto !important;
     height: 160px !important;
   }
-  
+
   .project-title {
     font-size: 0.95rem;
   }
-  
+
   .project-description {
     font-size: 0.82rem;
   }
@@ -888,14 +888,33 @@ const sectionTargets = {
     width: 28px;
     height: 28px;
   }
-  
+
   .grid {
-      grid-template-columns: repeat(1, minmax(200px, 1fr));
+      grid-template-columns: 1fr;
       padding: 16px 0;
   }
-  
+
   .selector {
       height: 180px;
   }
 }
+
+@media (max-width: 400px) {
+  .stats-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .section-title {
+    font-size: 1rem;
+    padding-left: 0;
+  }
+
+  .grid {
+      grid-template-columns: 1fr;
+  }
+
+  .selector {
+      height: 200px;
+  }
+}
 </style>