From dee00391beaf7c47bb3f37e98cb620a0bbae53c9 Mon Sep 17 00:00:00 2001
From: Ishika Singhal <134579503+Ishika-Singhal@users.noreply.github.com>
Date: Mon, 14 Oct 2024 22:00:37 +0530
Subject: [PATCH] responsiveness issue resolved of testimonial:

---
 index.html |  6 +++---
 style.css  | 33 ++++++++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index acf17f6a..3d928bf9 100644
--- a/index.html
+++ b/index.html
@@ -944,7 +944,7 @@ <h2>Thank You!</h2>
     <h2 class="testimonials-heading" >Testimonials</h2>
      
     <div class="testimonials-container">
-      <div class="header1"> 
+      <div class="header1 test"> 
       <figure class="snip1533">
         <figcaption>
           <blockquote>
@@ -955,7 +955,7 @@ <h4>Traveller</h4>
         </figcaption>
       </figure>
       </div>
-      <div class="header2"> 
+      <div class="header2 test"> 
       <figure class="snip1533">
          
         <figcaption>
@@ -968,7 +968,7 @@ <h4>Traveller</h4>
         </figcaption>
       </figure>
     </div>
-    <div class="header1"> 
+    <div class="header1 test"> 
       <figure class="snip1533">
          
         <figcaption>
diff --git a/style.css b/style.css
index 0a2e73ce..b56da867 100644
--- a/style.css
+++ b/style.css
@@ -565,7 +565,7 @@ body {
 .section-title {
   text-align: center;
   color: #1a365d;
-  font-size: 2.5rem;
+  font-size: 3rem;
   margin-bottom: 3rem;
   animation: fadeIn 1s ease-out;
 }
@@ -1302,7 +1302,9 @@ body.light-mode {
   font-style: italic;
   font-weight: 500;
 }
-
+.dark-mode .review-p{
+  color:whitesmoke
+}
 .reviews-section h2 {
   font-size: 3em;
   margin-bottom: 20px;
@@ -2079,6 +2081,10 @@ body.light-mode {
   max-width: 1280px;
   margin: 0 auto;
   padding: 0 2rem;
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+  align-items:center;
 }
 
 /* Heading and Title */
@@ -2266,6 +2272,12 @@ body.light-mode {
   align-items: center;
   gap: 10px;
 }
+@media (max-width:900px){
+   .testimonials-container{
+    flex-direction: column;
+   }
+   
+}
 
 .snip1533 {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
@@ -2339,6 +2351,14 @@ body.light-mode {
   font-weight: 300;
   margin: 0 0 20px;
 }
+@media (max-width:900px){
+  .snip1533{
+    max-width:90vw;
+  }
+  .snip1533 figcaption {
+    padding: 8% 8% 5%;
+}
+}
 .header1{
   animation-name: pulse1;
   animation-duration: 1.8s;
@@ -2410,7 +2430,14 @@ body.light-mode {
   display: flex;
   flex-direction: column;
 }
-
+@media (max-width:900px){
+  .review-form{
+    width:60vw;
+  }
+  .form{
+    width:50vw;
+  }
+}
 label {
   margin-bottom: 8px;
   font-size: 16px;