From 9e6cab377cb44642b8b9cc70de3f3bda426a5d31 Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Fri, 13 Jan 2023 15:45:51 -0300
Subject: [PATCH] feat(footer-bottom): Torna footer bottom responsivo mobile

---
 src/components/footer-bottom.module.scss | 27 ++++++++++++++++++++++++
 src/globals.module.scss                  |  4 ++++
 2 files changed, 31 insertions(+)

diff --git a/src/components/footer-bottom.module.scss b/src/components/footer-bottom.module.scss
index 3cef663..36e791d 100644
--- a/src/components/footer-bottom.module.scss
+++ b/src/components/footer-bottom.module.scss
@@ -5,6 +5,10 @@
   height: 64px;
   background: variables.$color-black;
 
+  @media screen and (max-width: 1024px) {
+    height: 134px;
+  }
+
   .footer-wrapper {
     width: 80.46875%;
     padding: 20px 0;
@@ -14,14 +18,28 @@
     justify-content: space-between;
     margin: 0 auto;
 
+    @media screen and (max-width: 1024px) {
+      width: 100%;
+      padding: 15px 16px;
+      gap: 15px;
+      flex-direction: column;
+      align-items: flex-start;
+      justify-content: flex-start;
+    }
+
     .footer-text {
       width: 25%;
+      display: flex;
 
       font-weight: 400;
       font-size: 10px;
       line-height: 12px;
       text-transform: capitalize;
       color: variables.$color-white;
+
+      @media screen and (max-width: 1024px) {
+        order: 1;
+      }
     }
 
     .footer-creditcards {
@@ -32,6 +50,10 @@
 
       width: 45%;
 
+      @media screen and (max-width: 1024px) {
+        justify-content: flex-start;
+      }
+
       .footer-line {
         width: 24px;
         border: 1px solid variables.$color-grey;
@@ -46,6 +68,11 @@
       justify-content: flex-end;
       gap: 13px;
 
+      @media screen and (max-width: 1024px) {
+        justify-content: flex-start;
+        order: 2;
+      }
+
       span {
         font-weight: 400;
         font-size: 10px;
diff --git a/src/globals.module.scss b/src/globals.module.scss
index 49277fa..fb63c1c 100644
--- a/src/globals.module.scss
+++ b/src/globals.module.scss
@@ -31,3 +31,7 @@ ul {
 li {
   list-style-type: none;
 }
+
+img {
+  display: block;
+}