contact us issue fixed

PriyaGhosal · Oct 8, 2024 · 4313683 · 4313683
1 parent 8e2c45e
commit 4313683
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -622,7 +622,7 @@ <h2>Explore Popular Destinations</h2>
             <div class="contact-container">
                 <div class="grid-container">
                     <div class="text-container">
-                        <div class="heading">
+                        <div style="margin-bottom: 20px;" class="heading">
                             <h2 class="title">CONTACT US</h2>
                             <p class="description">At BuddyTrail, we are here to assist you every step of the way! Whether you have questions, feedback, or just want to learn more about our platform, feel free to reach out to us. Our team is committed to providing you with the best experience as you explore new trails and make new friends along the way.</p>
                         </div>
@@ -674,7 +674,7 @@ <h2 class="form-title">Ready to Get Started?</h2>
                             <div class="input-group">
                                 <input type="text" id="name" placeholder="Your name" class="input-field">
                                 <input type="email" id="email" placeholder="Your email address" class="input-field">
-                                <textarea id="textarea" placeholder="Write your message..." class="input-field"></textarea>
+                                <textarea id="textarea" rows="10" placeholder="Write your message..." class="input-field"></textarea>
                             </div>
                             <div class="submit-button-container">
                                 <button type="submit" class="submit-button">Send Message</button>
@@ -734,8 +734,8 @@ <h2>Rate your experience</h2>
               placeholder="Describe any issue with the staff here. Please explain every single detail ex:location,name of the person"
             ></textarea>
 
-<div class="form-button">            <button type="submit">Send</button>
-</div>          </form>
+      <div class="form-button"><button type="submit">Send</button></div>
+    </form>
         </div>
       </div>
       </div>

diff --git a/style.css b/style.css
@@ -1388,9 +1388,9 @@ justify-content: center;
   color: black;
 }
 .description {
-  color: #4b5563;
+  color: #000000;
   margin-top: 1rem;
-  font-size: 1.25rem;
+  font-size: 1.3rem;
 }
 
 /* Contact Container */
@@ -1423,10 +1423,17 @@ justify-content: center;
 .info-list {
   list-style: none;
   padding: 0;
+
+  background-color: #94949453;
+  border-radius: 10px;
+  padding: 10px 0 10px 20px;
+
 }
 
 .info-item {
   display: flex;
+  justify-content: start;
+  align-items: center;
   margin-bottom: 1.5rem;
 }