From a3d7652ea2ec702183c3798f71da24b2784acd20 Mon Sep 17 00:00:00 2001 From: Chneemann Date: Wed, 21 Aug 2024 20:24:08 +0200 Subject: [PATCH] update design --- .../src/app/components/auth/auth.component.scss | 14 ++++++++++++++ .../shared/components/footer/footer.component.scss | 11 +++++++++-- 2 files changed, 23 insertions(+), 2 deletions(-) diff --git a/frontend/src/app/components/auth/auth.component.scss b/frontend/src/app/components/auth/auth.component.scss index 0c222a0..219fa1b 100644 --- a/frontend/src/app/components/auth/auth.component.scss +++ b/frontend/src/app/components/auth/auth.component.scss @@ -72,3 +72,17 @@ form { margin-bottom: 8px; } } + +@media screen and (max-width: 500px) { + .headline { + p:nth-child(1) { + font-size: 36px; + } + p:nth-child(2) { + font-size: 20px; + } + p:nth-child(3) { + font-size: 16px; + } + } +} diff --git a/frontend/src/app/shared/components/footer/footer.component.scss b/frontend/src/app/shared/components/footer/footer.component.scss index c12844c..208bcf9 100644 --- a/frontend/src/app/shared/components/footer/footer.component.scss +++ b/frontend/src/app/shared/components/footer/footer.component.scss @@ -25,10 +25,17 @@ footer { /*------------- RESPONSIVE -------------*/ -@media screen and (max-width: 350px) { +@media screen and (max-width: 550px) { + footer { + height: fit-content; + padding: 24px; + } +} + +@media screen and (max-width: 400px) { footer { a { - padding: 0 24px; + padding: 0 18px; } } }