correctting footer position in mobile adding a new media query at 1310px

JAYESHBATRA · May 11, 2024 · 741c72e · 741c72e
1 parent c849ed9
commit 741c72e
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 1 deletion.
diff --git a/Pages/Videos/sources/button-1/media-queries.css b/Pages/Videos/sources/button-1/media-queries.css
@@ -67,8 +67,19 @@
         bottom: 5vh;
         right: 5vw;
     }
+
+}
+
+@media screen and (max-width:1310px){
+    footer{
+        position: absolute;
+        bottom: 0;
+        left:0;
+        right:0
+    }
 }
 
+
 @media screen and (max-width: 479px) {
     :root {
         --padding-inline-section: 10px;

diff --git a/Pages/Videos/sources/button-1/style.css b/Pages/Videos/sources/button-1/style.css
@@ -191,7 +191,6 @@ ul {
 /* footer */
 
 footer{
-
   bottom: 0;
   left: 0;
   right: 0;

diff --git a/Pages/Videos/sources/button-2/media-queries.css b/Pages/Videos/sources/button-2/media-queries.css
@@ -68,6 +68,14 @@
         right: 5vw;
     }
 }
+@media screen and (max-width:1310px){
+    footer{
+        position: absolute;
+        bottom: 0;
+        left:0;
+        right:0
+    }
+}
 
 @media screen and (max-width: 479px) {
     :root {

diff --git a/Pages/Videos/sources/button-3/media-queries.css b/Pages/Videos/sources/button-3/media-queries.css
@@ -68,6 +68,14 @@
         right: 5vw;
     }
 }
+@media screen and (max-width:1310px){
+    footer{
+        position: absolute;
+        bottom: 0;
+        left:0;
+        right:0
+    }
+}
 
 @media screen and (max-width: 479px) {
     :root {

diff --git a/Pages/Videos/sources/button-4/media-queries.css b/Pages/Videos/sources/button-4/media-queries.css
@@ -68,6 +68,14 @@
         right: 5vw;
     }
 }
+@media screen and (max-width:1310px){
+    footer{
+        position: absolute;
+        bottom: 0;
+        left:0;
+        right:0
+    }
+}
 
 @media screen and (max-width: 479px) {
     :root {