Add new background colour, perma fix footer

.gitignore

@@ -1,6 +1,7 @@
 # See https://help.github.com/ignore-files/ for more about ignoring files.
 
 .pyc
+.vscode/
 
 
 # dependencies

index.html

@@ -384,6 +384,7 @@ <h1 class="dark-black">Contact us</h1>
         </section>
 
          <section id="footer">
+
             <div>
                 <h3 class="gold">Connect with us on</h3>
                     <a href="#" class="custom-white">

stylesheet/contact-us.css

@@ -1,4 +1,5 @@
 .contact-us {
+  background: #232b2b;
   padding-top: 20px;
   padding-bottom: 20px;
 }

stylesheet/footer.css

@@ -1,24 +1,27 @@
 #footer {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
-    grid-template-rows: repeat(1, 180px);
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-gap: 1em;
+    /* grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
+    grid-template-rows: repeat(1, 180px); */
 }
 
 /* temp fix */
+
 #footer > div {
-    margin-left: 120px;
     padding: 1em;
+    text-align: center;
 }
 
+/* Styling and Appearence  */
 a {
-    text-decoration: none;
+    text-decoration: none !important;
 }
 
 a:hover {
     color: #f7b733;
 }
 
-
 #footer .btn {
     color: #f8f8f8;
     margin-left: 1%;
@@ -31,5 +34,5 @@ a:hover {
 }
 
 #copyright {
-    margin-top: 50px;
+    margin-top: 30px;
 }