styles(home): ajustando posicion do footer ácima de 2500 px que estava quebrando

2023-01-12 13:47:10 -03:00 · 2023-01-12 13:47:10 -03:00 · 8cfdea00b6
commit 8cfdea00b6
parent d2db685cf6
3 changed files with 7 additions and 1 deletions
--- a/src/components/Footer/Footer.module.scss
+++ b/src/components/Footer/Footer.module.scss
@ -1,12 +1,14 @@
@import '../../variaveis';

 .footer {
-    position: relative;
+    position: sticky;
    bottom: 0;
+    top: 100%;
    width: 100%;
    margin-top: 84px;

    @media #{$mq-desktop}, #{$mq-tablet},#{$mq-mobile} {
+        position: relative;
        margin-top: 80px;
    }
 }
--- a/src/components/Main/Main.module.scss
+++ b/src/components/Main/Main.module.scss
@ -22,6 +22,7 @@
        margin-bottom: 80px;

        @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
+            margin-bottom: 40px;
            font-size: 24px;
            line-height: 28px;
        }
--- a/src/pages/Home.module.scss
+++ b/src/pages/Home.module.scss
@ -1,2 +1,5 @@
 .home {
+    @media (min-width: 3000px) {
+        height: 100vh;
+    }
 }