Update: faq section

Added fadein in the faq section and improved the responsivity
ayush-that · Aug 9, 2024 · 2de7c62 · 2de7c62
1 parent 89cb43c
commit 2de7c62
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/assets/css/faq.css b/assets/css/faq.css
@@ -1,8 +1,8 @@
 
 .faq-section {
- max-width: 800px;
- margin: 50px auto;
- padding: 20px;
+ max-width: 80vw;
+ margin: 7rem auto;
+ padding: 3rem 1.2rem;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
@@ -44,7 +44,7 @@
 }
 
 .faq-answer {
- max-height: 0; /* Start with zero height */
+ /* max-height: 0; Start with zero height */
  opacity: 0; /* Start as invisible */
  padding: 0; /* Start with no padding */
  overflow: hidden;

diff --git a/index.html b/index.html
@@ -1561,7 +1561,7 @@ <h2 class="form-heading2">Feedback Form</h2>
 
 
  <!-- FAQ section -->
- <section class="faq-section">
+ <section class="faq-section wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
  <h2>Frequently Asked Questions</h2>
  <div class="faq-item">
  <button class="faq-question">