made proper styling to faq container

Naveenkumar30838 · Oct 13, 2024 · d17b2a0 · d17b2a0
1 parent a694c90
commit d17b2a0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -724,14 +724,14 @@ <h2 class="accordion-header" id="headingSix">
                 }
 
                 .faq-container {
-                    margin-top: 50px;
+                    margin-top: 15px;
                     margin-left: auto;
                     margin-right: auto;
                     background: #f9f9f9; /* Container background */
                     border-radius: 8px; /* Rounded corners */
                     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
                     padding: 20px; /* Padding inside the container */
-                    max-width: 600px; /* Max width for the container */
+                    max-width: 76vw; /* Increased max width for the container */
                 }
 
                 .faq-item {
@@ -781,6 +781,7 @@ <h2 class="accordion-header" id="headingSix">
                 .faq-item:hover .faq-arrow {
                     transform: rotate(180deg); /* Arrow pointing up when hovered */
                 }
+
             </style>
 
             <style>
@@ -790,6 +791,7 @@ <h2 class="accordion-header" id="headingSix">
                 }
             </style>
 
+            <h2 style="display: flex; justify-content: center; align-items: center; margin-top: 50px;">Frequently Asked Questions</h2>
             <div class="faq-container">
                 <div class="faq-item">
                     <div class="faq-question">