Merge pull request #130 from KirillKapteily/Kirill-footer

Fixed tablet and phone
KirillKapteily · Jan 25, 2025 · 10ad999 · 10ad999
2 parents 2e44d78 + ae35ed0
commit 10ad999
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 1 deletion.
diff --git a/src/partials/footer.html b/src/partials/footer.html
@@ -13,7 +13,7 @@
 
     <div class="footer__container">
       <hr class="hr">
-      <div class="footer__logo">
+      <div class="footer__logo m-40">
         <span class="footer__logo icon">⛵</span>
         <span class="footer__text dm-sans">YACHT ADVENTURES</span>
       </div>

diff --git a/src/sass/components/footer.scss b/src/sass/components/footer.scss
@@ -169,3 +169,45 @@ letter-spacing: 3%;
     }
   }
 }
+
+
+@media (min-width:768px) and (max-width:1219px) {
+.footer__menu{
+  flex-direction: column;
+  gap: 24px;
+
+}
+}
+
+@media (min-width:320px) and (max-width:480px) {
+  .footer__menu{
+    flex-direction: column;
+    gap: 24px;
+    align-items:flex-start;
+    padding-left: 0px;
+  }
+
+  .footer__container{
+    flex-direction: column;
+    gap: 24px;
+    align-items:flex-start;
+  }
+
+.m-40{
+  margin-bottom: 40px;
+}
+
+  .footer__logo{
+
+    align-items: center;
+  }
+
+  .footer__social{
+    margin-top: 40px;
+  }
+
+  .footer__bottom{
+    margin-top: 0px;
+  }
+  }
+// footer__menu