Merge pull request #62 from mohtasheem135/resp

Fixed footer for mobile view
Virtual4087 · Oct 22, 2023 · 6577767 · 6577767
2 parents 80272b7 + 931f019
commit 6577767
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 2 deletions.
diff --git a/assets/css/responsiveness.css b/assets/css/responsiveness.css
@@ -128,6 +128,32 @@
     .upper_part {
         padding-bottom: 12px;
     }
+
+
+
+    .social_medias{
+        padding-top: 20px;
+        gap: 20px;
+    }
+
+    .imgWrapper{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .imgWrapper i {
+        margin-right: 0px;
+    }
+}
+
+@media only screen and (min-width: 400px) and (max-width: 440px) {
+    .socialmediaName{
+        font-size: 10px;
+    }
+    .social_medias{
+        gap: 20px;
+    }
 }
 
 @media only screen and (min-width: 300px) and (max-width: 399px) {
@@ -176,7 +202,6 @@
         font-family: "Poppins", sans-serif;
         width: 100%;
         padding: 0.5rem 2rem;
-
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -190,6 +215,25 @@
         /* gap: 3rem; */
         width: 100%;
     }
+
+    .socialmediaName{
+        font-size: 10px;
+    }
+
+    .social_medias{
+        padding-top: 20px;
+        gap: 15px;
+    }
+
+    .imgWrapper{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .imgWrapper i {
+        margin-right: 0px;
+    }
 }
 
 @media only screen and (min-width: 250px) and (max-width: 299px) {
@@ -256,6 +300,7 @@
         /* gap: 3rem; */
         width: 100%;
     }
+
 }
 
 .MenuBar {

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -733,7 +733,7 @@ nav .nav_buttons {
 }
 
 .footer-line {
-  width: 90%;
+  width: 100%;
   height: 1px;
   background-color: grey;
   text-align: center;