Merge pull request #1056 from codeRIT/bh-1055

Contact us tag retains position despite right-side FAQ cards

Author: peterkos

index.html

@@ -256,6 +256,7 @@ <h1>Frequently Asked Questions</h1>
                             <p>Maybe next year we'll have AI run the event...</p>
                         </div>
                     </div>
+                <p id="contact-desktop" class="contact">Don't see your question here? <a href="mailto:hello@coderit.org">Contact Us</a></p>
                 </div>
                 <div id="faq-cards-right">
                     <div class="card">
@@ -300,7 +301,7 @@ <h1>Frequently Asked Questions</h1>
                     </div>
                 </div>
             </div>
-            <p id="contact">Don't see your question here? <a href="mailto:hello@coderit.org">Contact Us</a></p>
+            <p id="contact-laptop" class="contact">Don't see your question here? <a href="mailto:hello@coderit.org">Contact Us</a></p>
         </div>
     </section>
     <section id="leadership">

sass/main.scss

@@ -586,7 +586,7 @@ nav {
                 }
             }
         }
-        #contact {
+        .contact {
             a {
                 text-transform: uppercase;
                 color: $red;
@@ -596,6 +596,12 @@ nav {
                 }
             }
         }
+        #contact-desktop {
+            display: block;
+        }
+        #contact-laptop {
+            display: none;
+        }
     }
 }
 
@@ -856,19 +862,38 @@ footer {
             #hackathon-text {
                 width: 100%;
             }
+        }
 
-            #hackathon-buttons {
-                flex-direction: row;
-                justify-content: center;
-                width: 70%;
+        #hackathon-buttons {
+            flex-direction: row;
+            justify-content: center;
+            width: 70%;
 
-                a {
-                    margin: 10px;
-                }
+            a {
+                margin: 10px;
             }
         }
     }
 
+    #faq #faq-wrapper {
+        #faq-cards {
+            flex-direction: column;
+
+            &-left, &-right {
+                margin: 0;
+                width: 100%;
+            }
+        }
+
+        #contact-desktop {
+            display: none;
+        }
+
+        #contact-laptop {
+            display: block;
+        }
+    }
+
     #schedule #schedule-block {
         width: 90%;
     }
@@ -1188,7 +1213,7 @@ footer {
             white-space: nowrap;
         }
 
-        #contact  {
+        .contact  {
             text-align: center;
         }
     }