From b5f1f993d07b79c767807f15d24fac9f9b81cefa Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 26 Sep 2022 18:21:22 -0400
Subject: [PATCH] Edits to spacing

---
 src/layouts/partials/footer.html |  4 ++--
 src/static/css/homepage.css      | 36 +++++++++++++++++++++++++++++---
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 25f1f3d..c904470 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -1,7 +1,7 @@
 <section class="footer">
   <hr>
-  <div class="container" style="padding-top: 0vw; padding-bottom: 0vw;">
-      <div class="row" style="margin: 4.185vw 0vw;">
+  <div class="container">
+      <div class="row">
         <div class="col-lg-8 footer-content">
           <h4>Equitable open-source for <span id="cycle">web3</span></h4>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index f497edc..d7c5539 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -6,9 +6,39 @@ html,body{
   overflow-x: hidden;
 }
 
-.container{
-  max-width: 1920px;
-  padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+@media only screen and (min-width: 1200px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 992px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (min-width: 576px) and (max-width: 768px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (max-width: 576px) {
+  .container{
+    max-width: 1920px;
+    padding: 10vw 5vw;
+  }
 }
 
 @media only screen and (min-width: 1200px) {