Merge pull request #35 from MabelM1/footer-update

mm1123452 · Jul 9, 2020 · 57120df · 57120df
2 parents 1e8e654 + c899b57
commit 57120df
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/blocks/footer/__text/footer__text.css b/blocks/footer/__text/footer__text.css
@@ -19,3 +19,14 @@
     line-height: 16px;
   }
 }
+
+@media screen and (max-width: 320px) {
+  .footer__text {
+    font-size: 14px;
+    line-height: 14px;
+    margin-bottom: 20px;
+  }
+  .footer__text:last-child {
+    margin-bottom: 0;
+  }
+}
diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
@@ -1,11 +1,17 @@
 @import url(./__text/footer__text.css);
 
 .footer {
-  padding: 100px 40px 40px 40px;
+  padding: 100px 120px 40px 120px;
   display: flex;
   justify-content: space-between;
 }
 
+@media screen and (max-width: 1280px) {
+  .footer {
+    padding: 100px 40px 40px 40px;
+  }
+}
+
 @media screen and (max-width: 1024px) {
   .footer {
     padding: 84px 40px 40px 40px;
@@ -17,3 +23,11 @@
     padding: 72px 30px 30px 30px;
   }
 }
+
+@media screen and (max-width: 320px) {
+  .footer {
+    flex-direction: column;
+    align-items: center;
+    padding: 50px 16px 30px 16px;
+  }
+}