Fix Modules responsive

2021-10-23 23:19:51 +02:00
parent 498a717699
commit 74ff618c23
3 changed files with 14 additions and 7 deletions
--- a/src/style/organisms/_newsletter.scss
+++ b/src/style/organisms/_newsletter.scss
@@ -1,9 +1,10 @@
 .newsletter {
-    padding: 40px 40px 48px;
-    border-radius: 12px;
+    padding: clamp(40px, 4.5vw, 64px);
+    padding-bottom: clamp(48px, 4.5vw, 72px);
+    border-radius: 8px;

    @include bp (sd) {
-        padding: 64px 60px 72px;
+        border-radius: 12px;
    }

    &__wrapper {
@@ -23,7 +24,7 @@
                margin-bottom: 16px;
            }
        }
-        p {
+        & > p {
            margin-bottom: 32px;
            color: $color-text;
            font-weight: 200;
@@ -33,6 +34,8 @@
                margin-bottom: 40px;
            }
        }
+
+        // Form
        .past-issues {
            &:hover {
                &, span {