Footer Fixed by changing CSS (#71)

* height changed for footer

* chnages some css to make contact page look better

* To achieve that, I have restrucuture the html to add body inside a div with class mainbody

assets/css/contact.css

@@ -3,6 +3,7 @@
     padding: 0;
     box-sizing: border-box;
     font-family: 'Poppins', sans-serif;
+
 }
 
 #navbar {
@@ -71,12 +72,17 @@ nav ul li a:active {
     color: #fff;
 }
 
+body{
+    /* background-color: #edc9af; */
+}
+
 section {
     display: flex;
     justify-content: center;
     align-items: center;
-    min-height: 100vh;
-    background-color: #edc9af;
+    padding: 50px;
+    /* min-height: 100vh; */
+    /* background-color: #edc9af; */
 }
 
 .container {
@@ -85,12 +91,19 @@ section {
     min-height: 550px;
     display: flex;
     z-index: 1000;
+    display: flex;
+    flex-direction: row;
+}
+
+.mainbody{
+    background-color: #edc9af;
 }
 
 .container .contactInfo {
-    position: absolute;
+
+    position: relative;
     top: 40px;
-    width: 350px;
+    width: 40%;
     height: calc(100% - 80px);
     background: #22B9A8;
     z-index: 1;
@@ -168,11 +181,11 @@ section {
 }
 
 .container .contactForm {
-    position: absolute;
+    position: relative;
     padding: 70px 50px;
-    padding-left: 250px;
-    margin-left: 150px;
-    width: calc(100% - 150px);
+    /* padding-left: 250px; */
+    margin-left: 50px;
+    width: 60%;
     height: 100%;
     background: #fff;
     box-shadow: 0 50px 50px rgba(0, 0, 0, 0.25);

contact.html

@@ -24,6 +24,7 @@
             </ul>
         </nav>
     </div>
+    <div class="mainbody">
     <section>
         <div class="container">
             <div class="contactInfo">
@@ -86,6 +87,7 @@ <h2>Send a Message</h2>
                 </div>
             </div>
     </section>
+</div>
 
 
 <div class="footer">