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);
+  }
+}

assets/server.css

@@ -1,9 +1,3 @@
-.server-container {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 25px;
-}
-
 .server-container .server {
   box-sizing: border-box;
   background-color: #fff;
@@ -13,18 +7,6 @@
   padding: 30px;
 }
 
-@media (max-width: 1300px) {
-  .server-container {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (max-width: 750px) {
-  .server-container {
-    grid-template-columns: repeat(1, 1fr);
-  }
-}
-
 .server-heading-inner {
   display: flex;
   gap: 10px;