css update

assets/dashboard.css

@@ -49,6 +49,7 @@ body {
 
 .summary-card p {
   margin: 0;
+  color: black;
 }
 
 .summary-card svg {
@@ -79,10 +80,6 @@ body {
   color: rgb(22 163 74);
 }
 
-.summary-card p {
-  color: black;
-}
-
 .overview-container {
   display: flex;
   gap: 20px;
@@ -199,15 +196,17 @@ body {
     flex-direction: column;
   }
 
-  .dashboard-container {
-    padding-left: 25px;
-  }
-
   .overview-card {
     width: 100%;
   }
 }
 
+@media (max-width: 1000px) {
+  .dashboard-container {
+    padding-left: 25px;
+  }
+}
+
 .progress-bar {
   display: block;
   width: 100%;
@@ -236,3 +235,21 @@ body {
 .high {
   color: rgb(239, 68, 68);
 }
+
+.server-container {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 25px;
+}
+
+@media (max-width: 1300px) {
+  .server-container {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 750px) {
+  .server-container {
+    grid-template-columns: repeat(1, 1fr);
+  }
+}