From d74a2bf1cb5899a1c26cf6bd7bd522fdc38eda14 Mon Sep 17 00:00:00 2001
From: Simon <vesspa0330@gmail.com>
Date: Mon, 6 Oct 2025 22:56:34 -0400
Subject: [PATCH] centered faq

---
 css/style.css |  4 ++++
 index.html    | 18 +++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 2ff2011..1e0e264 100644
--- a/css/style.css
+++ b/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;
diff --git a/index.html b/index.html
index a587c3b..d127639 100644
--- a/index.html
+++ b/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>