diff --git a/src/components/footer-bottom.module.scss b/src/components/footer-bottom.module.scss index 36e791d..80e2123 100644 --- a/src/components/footer-bottom.module.scss +++ b/src/components/footer-bottom.module.scss @@ -39,6 +39,7 @@ @media screen and (max-width: 1024px) { order: 1; + width: 100%; } } @@ -52,6 +53,7 @@ @media screen and (max-width: 1024px) { justify-content: flex-start; + width: 100%; } .footer-line { @@ -71,6 +73,7 @@ @media screen and (max-width: 1024px) { justify-content: flex-start; order: 2; + width: 100%; } span { @@ -78,6 +81,7 @@ font-size: 10px; line-height: 12px; text-transform: capitalize; + white-space: nowrap; color: variables.$color-white; } } diff --git a/src/components/header-top.module.scss b/src/components/header-top.module.scss index 89b8e16..2884c96 100644 --- a/src/components/header-top.module.scss +++ b/src/components/header-top.module.scss @@ -41,6 +41,10 @@ border: 0; font-size: 0; width: 0; + + img { + width: auto; + } } .dropdown-menu { diff --git a/src/components/main/components/main-form.module.scss b/src/components/main/components/main-form.module.scss index 6cbbd44..cb725d8 100644 --- a/src/components/main/components/main-form.module.scss +++ b/src/components/main/components/main-form.module.scss @@ -78,6 +78,10 @@ font-size: 12px; line-height: 14px; color: variables.$color-red; + + @media screen and (max-width: 360px) { + display: flex; + } } } @@ -94,6 +98,10 @@ background: variables.$color-black; border-radius: 25px; + + @media screen and (max-width: 360px) { + margin-top: 4px; + } } } } diff --git a/src/components/newsletter.module.scss b/src/components/newsletter.module.scss index a269bc5..e9b6cfc 100644 --- a/src/components/newsletter.module.scss +++ b/src/components/newsletter.module.scss @@ -67,6 +67,10 @@ padding: 13px 16px; border: 1px solid variables.$color-grey2; border-radius: 4px; + + @media screen and (max-width: 1024px) { + min-width: 100%; + } } input::placeholder { diff --git a/src/globals.module.scss b/src/globals.module.scss index fb63c1c..0fcda40 100644 --- a/src/globals.module.scss +++ b/src/globals.module.scss @@ -34,4 +34,6 @@ li { img { display: block; + width: 100%; + object-fit: contain; }