diff options
author | Noah Loomans <noahloomans@gmail.com> | 2017-07-14 21:10:38 +0200 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2017-07-14 21:10:38 +0200 |
commit | 64b4ef0ed823005fb083e8e69dc5f10f80ef16fb (patch) | |
tree | 821db4ef1f1a702d2c7129ffbf0e2f2844ef70a2 /random-project | |
parent | e19bcbd7ceda0ce638837a16c7f390f335f7b832 (diff) |
Make bad-password-generator responsive
Diffstat (limited to 'random-project')
-rw-r--r-- | random-project/bad-password-generator/style.scss | 18 |
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; + } + } +} |