From ef9e2d64fa41c7f5e5e97873b48163b76a8f27e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 14 Jun 2020 14:44:36 +0200
Subject: [PATCH] responsivity

---
 sdbs_infra/dashboard/static/main.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

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;