centered faq

css/style.css

@@ -75,6 +75,10 @@ main {
 }
 
 section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  
   max-width: 60%;
   margin-top: 5rem;
   padding: 1rem 1rem;

index.html

@@ -114,15 +114,31 @@
 
       <section id="FAQ">
         <h1 style="margin-bottom: 2rem">FAQ</h1>
+
         <div class="dropdown">
           <div class="dropdown-header" onclick="toggleDropdown(this)">
             <span>HEADER</span>
             <span class="dropdown-arrow">▼</span>
           </div>
           <div class="dropdown-content">
-            <div class="dropdown-body">BODY TEXT BIIIITCH!!!! 😝</div>
+            <div class="dropdown-body">
+              this is where we answer the question in the header
             </div>
           </div>
+        </div>
+
+         <div class="dropdown">
+          <div class="dropdown-header" onclick="toggleDropdown(this)">
+            <span>HEADER</span>
+            <span class="dropdown-arrow">▼</span>
+          </div>
+          <div class="dropdown-content">
+            <div class="dropdown-body">
+              this is where we answer the question in the header
+            </div>
+          </div>
+        </div> 
+
       </section>
     </main>