From 50dc9b32bfd4658004beb595e5a04cff45fd5c4e Mon Sep 17 00:00:00 2001
From: borntojesus <borntojesus@gmail.com>
Date: Sun, 14 Jan 2024 15:36:16 +0200
Subject: [PATCH] dis fix 6

---
 sass/component/buttons.scss |  1 +
 sass/global/index.scss      | 10 +++++++---
 sass/pages/faq-page.scss    | 19 ++++++++++++++++++-
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/sass/component/buttons.scss b/sass/component/buttons.scss
index f85344be..00c7fbe0 100644
--- a/sass/component/buttons.scss
+++ b/sass/component/buttons.scss
@@ -30,6 +30,7 @@
     }
   }
   &--line-min {
+    min-width: auto;
     font: var(--nav-bred);
     padding: 7rem 10rem;
     color: var(--green-button);
diff --git a/sass/global/index.scss b/sass/global/index.scss
index be48cd00..12c46806 100644
--- a/sass/global/index.scss
+++ b/sass/global/index.scss
@@ -39,11 +39,15 @@ overflow: hidden;
     max-width: 222rem;
     height: 2rem;
      margin: 10rem auto 40rem;
+  @media (max-width: $media-sm) {
+    margin: 10rem auto 20rem;
+  }
   &--full {
     max-width: 100%;
     margin: 0;
+    @media (max-width: $media-sm) {
+      margin: 0;
+    }
   }
-  @media (max-width: $media-sm) {
-          margin: 10rem auto 20rem;
-      }
+
 }
\ No newline at end of file
diff --git a/sass/pages/faq-page.scss b/sass/pages/faq-page.scss
index dd5100a9..327c1795 100644
--- a/sass/pages/faq-page.scss
+++ b/sass/pages/faq-page.scss
@@ -7,14 +7,21 @@ padding-top: 0;
 .faq-page-list {
   &__title {
     color: var(--black-white);
-
     margin-bottom: 20rem;
+    @media (max-width: $media-md) {
+      margin-bottom: 0;
+
+    }
   }
 &__row {
   display: flex;
   gap: 10rem;
   flex-direction: column;
   margin-bottom: 60rem;
+  @media (max-width: $media-md) {
+    margin-bottom: 30rem;
+    gap: 20rem;
+  }
 }
   &__buttons {
     display: flex;
@@ -24,10 +31,20 @@ padding-top: 0;
   &__item {
     display: flex;
     gap: 10rem;
+    @media (max-width: $media-md) {
+     flex-direction: column;
+
+    }
   }
   &__img {
     width: 100%;
     max-width: 300rem;
+    @media (max-width: $media-md) {
+      max-width: 100%;
+      img {
+        width: 100%;
+      }
+    }
   }
   &__text {
     position: sticky;