diff --git a/sdbs_infra/dashboard/static/main.css b/sdbs_infra/dashboard/static/main.css
index f5c22b7..20a8cd3 100644
--- a/sdbs_infra/dashboard/static/main.css
+++ b/sdbs_infra/dashboard/static/main.css
@@ -33,12 +33,25 @@ main {
 }
 
 .service {
-    flex-basis: 20vw;
+    flex-basis: 20%;
     margin: 1rem;
     display: flex;
     flex-direction: column;
 }
 
+
+@media screen and (max-width: 1000px) {
+    .service {
+        flex-basis: 40%;
+    }
+}
+
+@media screen and (max-width: 600px) {
+    .service {
+        flex-basis: 100%;
+    }
+}
+
 .service-content {
     flex-grow: 1;