refactor: update faq.html accordion behaviour

dvfrancis · Oct 30, 2024 · 7638714 · 7638714
1 parent ecd18d9
commit 7638714
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/faq.html b/faq.html
@@ -52,7 +52,7 @@
   <main>
     <!-- FAQ Section -->
     <section id="faq-info" class="container-fluid">
-      <div class="row justify-content-center">
+      <div class="row justify-content-center mb-5">
         <div class="col-10 col-lg-10 pt-3 pb-3">
           <h1>FREQUENTLY ASKED QUESTIONS</h1>
           <div class="accordion" id="faq-accordion">
@@ -82,15 +82,17 @@ <h2 class="accordion-header">
                     How do I play?
                   </button>
                 </h2>
-                <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#faq-accordion">
+                <div id="collapseTwo" class="accordion-collapse collapse show" data-bs-parent="#faq-accordion">
                   <div class="accordion-body">
                     <ol>
                       <li>
-                        The game consists of 10 rounds of five cards, and at the start of each round only the first card will be face-up.
+                        The game consists of 10 rounds of five cards, and at the start of each round only the first card
+                        will be face-up.
                       </li>
                       <li>
-                        Before you make a guess, you will be asked to place a wager.                     <strong>Your wager
-                          cannot be lower than one or higher than your total points</strong>. When you start a new game you are automatically allocated 100 points.
+                        Before you make a guess, you will be asked to place a wager. <strong>Your wager
+                          cannot be lower than one or higher than your total points</strong>. When you start a new game
+                        you are automatically allocated 100 points.
                       </li>
                       <li>
                         When you have made your wager you will be asked to predict whether the next card is higher or
@@ -106,7 +108,7 @@ <h2 class="accordion-header">
                       <li>
                         If you guess incorrectly, the current round ends and you will be asked if you want to
                         continue to the next round, or exit the game.
-                      </li>                      
+                      </li>
                       <li>
                         When you have correctly guessed all cards, your wager is added to your total points;
                         congratulations, you won the round!
@@ -133,7 +135,7 @@ <h2 class="accordion-header">
                     Is there a minimum or maximum wager for each round?
                   </button>
                 </h2>
-                <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#faq-accordion">
+                <div id="collapseThree" class="accordion-collapse collapse show" data-bs-parent="#faq-accordion">
                   <div class="accordion-body">
                     <strong>The minimum is one point, and the maximum is your total points balance.</strong> Your
                     current points balance is shown on screen, as you play.
@@ -147,7 +149,7 @@ <h2 class="accordion-header">
                     Are Aces considered high or low?
                   </button>
                 </h2>
-                <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#faq-accordion">
+                <div id="collapseFour" class="accordion-collapse collapse show" data-bs-parent="#faq-accordion">
                   <div class="accordion-body">
                     <strong>This is determined randomly</strong> at the start of
                     each game, and is shown on screen during each round of cards.