From 64b4ef0ed823005fb083e8e69dc5f10f80ef16fb Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Fri, 14 Jul 2017 21:10:38 +0200
Subject: Make bad-password-generator responsive

---
 random-project/bad-password-generator/style.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'random-project/bad-password-generator')

diff --git a/random-project/bad-password-generator/style.scss b/random-project/bad-password-generator/style.scss
index c4ca707..95462ba 100644
--- a/random-project/bad-password-generator/style.scss
+++ b/random-project/bad-password-generator/style.scss
@@ -6,6 +6,8 @@
   flex-direction: column;
   justify-content: center;
 
+  margin: 32px;
+
   #changing-passwd {
     font-weight: bold;
     font-size: 5em;
@@ -16,3 +18,19 @@
     margin-top: -64px;
   }
 }
+
+@media screen and (max-width: 768px) {
+  .random-project__project__bad-password-generator {
+    #changing-passwd {
+      font-size: 3em;
+    }
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .random-project__project__bad-password-generator {
+    #changing-passwd {
+      font-size: 2em;
+    }
+  }
+}
-- 
cgit v1.1