From c0273ad76b99b694dcfaa134c3be1bdb0826b98d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristj=C3=A1n=20Eldj=C3=A1rn?= <kristjan@eldjarn.net>
Date: Fri, 29 Jul 2022 15:15:14 -0700
Subject: [PATCH] Mobile footer fix

---
 src/components/common/card/card.module.scss    |  6 +++---
 .../common/footer/footer.module.scss           | 18 +++++++++++-------
 .../what-others-say/item/item.module.scss      |  2 +-
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/common/card/card.module.scss b/src/components/common/card/card.module.scss
index 2edcf2d..9b856f8 100644
--- a/src/components/common/card/card.module.scss
+++ b/src/components/common/card/card.module.scss
@@ -314,10 +314,10 @@
   border-top: tovw(1px, 'default', 1px) solid var(--color-white);
   border-bottom: tovw(1px, 'default', 1px) solid var(--color-white);
   width: 100%;
-  height: calc(12.6vw);
+  aspect-ratio: 16 / 9;
 
-  @supports (aspect-ratio: 16 / 9) {
-    aspect-ratio: 16 / 9;
+  @supports not (aspect-ratio: 16 / 9) {
+    height: calc(12.6vw);
   }
 
   img {
diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index d9ec722..8ee3226 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -2,6 +2,7 @@
 
 .pre__footer {
   @include respond-to('mobile') {
+    margin-top: tovw(140px, 'mobile', 140px);
     padding-bottom: tovw(50px, 'tablet', 30px);
   }
 
@@ -30,18 +31,14 @@
     align-items: center;
     justify-content: center;
     height: calc(var(--vw) * 60);
-
-    &::before {
-      width: 100%;
-      height: 100%;
-      background-color: #f00;
-    }
+    width: 100%;
 
     @include respond-to('mobile') {
       background-size: cover;
       width: 150%;
-      height: calc(var(--vw) * 100);
+      height: calc(var(--vw) * 120);
       left: -25%;
+      margin-top: tovw(100px, 'mobile', 100px);
     }
 
     &::after,
@@ -53,12 +50,16 @@
 
     h2 {
       text-shadow: 0 0 tovw(40px, 'default', 40px) rgb(255 255 255 / 0.4);
+      @include respond-to('mobile') {
+        font-size: 1.7rem;
+      }
     }
   }
 
   .form {
     @include respond-to('mobile') {
       width: 100%;
+      margin: tovw(100px, 'default', 100px) auto 0;
     }
 
     position: relative;
@@ -371,6 +372,9 @@
   background-size: contain;
   width: 10px;
   height: 88px;
+  @include respond-to('mobile') {
+    top: -90px;
+  }
 }
 
 [data-theme='light'] {
diff --git a/src/components/sections/homepage/what-others-say/item/item.module.scss b/src/components/sections/homepage/what-others-say/item/item.module.scss
index 5d50d7a..014b61b 100644
--- a/src/components/sections/homepage/what-others-say/item/item.module.scss
+++ b/src/components/sections/homepage/what-others-say/item/item.module.scss
@@ -8,7 +8,7 @@
     transform: none;
     margin: 0;
     width: max-content;
-    height: tovw(240px, 'mobile', 240px);
+    height: tovw(280px, 'mobile', 290px);
     min-height: 20% !important;
   }