improving responsiviness

css/sections/homelab.css

@@ -14,6 +14,53 @@
     gap: 18px;
     position: relative;
     overflow: hidden;
+    text-align: center;
+}
+
+/* Mobile responsive homelab section */
+@media (max-width: 768px) {
+    .homelab-section {
+        min-width: unset;
+        max-width: unset;
+        width: 100%;
+        padding: 28px 20px;
+    }
+    
+    .homelab-title {
+        font-size: 1.3rem;
+        text-align: center;
+    }
+    
+    .homelab-buttons {
+        justify-content: center;
+    }
+}
+
+@media (max-width: 480px) {
+    .homelab-section {
+        padding: 24px 16px;
+        gap: 16px;
+        min-width: unset;
+        max-width: unset;
+        width: 100%;
+    }
+    
+    .homelab-title {
+        font-size: 1.2rem;
+    }
+    
+    .homelab-buttons {
+        gap: 12px;
+        flex-direction: column;
+        align-items: center;
+    }
+    
+    .homelab-btn {
+        width: 100%;
+        max-width: 200px;
+        text-align: center;
+        justify-content: center;
+    }
 }
 
 .homelab-background {