simon/luxury-detailing-maine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

centered faq

Browse Source
This commit is contained in:
Simon
2025-10-06 22:56:34 -04:00
parent 658728ab21
commit d74a2bf1cb
2 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+4
View File
@@ -75,6 +75,10 @@ main {
} }
section { section {
display: flex;
flex-direction: column;
align-items: center;
max-width: 60%; max-width: 60%;
margin-top: 5rem; margin-top: 5rem;
padding: 1rem 1rem; padding: 1rem 1rem;
index.html
+17 -1
View File
@@ -114,15 +114,31 @@
<section id="FAQ"> <section id="FAQ">
<h1 style="margin-bottom: 2rem">FAQ</h1> <h1 style="margin-bottom: 2rem">FAQ</h1>
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
<span>HEADER</span> <span>HEADER</span>
<span class="dropdown-arrow">▼</span> <span class="dropdown-arrow">▼</span>
</div> </div>
<div class="dropdown-content"> <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>
</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> </section>
</main> </main>