Make bad-password-generator responsive

1 files changed, 18 insertions, 0 deletions

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