From 2a756ae69c1636e8e7a00e6c564192869c4232e9 Mon Sep 17 00:00:00 2001
From: AMS <111883236+AMS003010@users.noreply.github.com>
Date: Tue, 9 Jul 2024 22:59:34 +0530
Subject: [PATCH] fixed footer content alignment

---
 story.html |  2 +-
 styles.css | 39 +++++++++++++++++++++++++++++++++++++--
 2 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/story.html b/story.html
index 64670405..2b9ff435 100644
--- a/story.html
+++ b/story.html
@@ -111,7 +111,7 @@ <h4>Address</h4>
             <span>Address:</span> 3/2 Wellington Street, Kolkata , West Bengal , India 
           </p>
           <p><span>Email:</span><a href="mailto:tour@tourguide.com">tour@tourguide.com</a></p>
-          <p><span>Phone:</span><a href="tel:8562145852">+91 8562145852</a></p>
+          <p><span>Phone:</span><a href="tel:8562145852"> +91 8562145852</a></p>
         </div>
         </div>
       </div>
diff --git a/styles.css b/styles.css
index 6b769d34..2aa247a2 100644
--- a/styles.css
+++ b/styles.css
@@ -1205,6 +1205,12 @@ body, html {
 .footer {
   width: 100%;
   background-color: #091020;
+  padding: 2rem;
+}
+
+.footer__col p {
+  font-size: 0.8rem;
+  font-weight: 100;
 }
 
 .footer__container {
@@ -1276,14 +1282,16 @@ body, html {
   margin: auto;
   padding: 0.5rem;
   text-align: center;
-  font-size: 1rem;
+  font-size: 0.9rem;
   /*   color: var(--secondary-color); */
   color: var(--extra-light);
+  padding-top: 1rem;
+  margin-top: 1rem;
   border-top: 2px solid var(--text-light);
 }
 
 .footer__area {
-  margin-left: 2.3rem;
+  margin-left: 0rem;
 }
 
 .footer__area a {
@@ -2725,3 +2733,30 @@ button:hover {
     font-size: small;
   }
 }
+
+@media screen and (max-width: 425px) {
+  .footer__container {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: start;
+  }
+
+  .footer__col p {
+    font-size: 0.5rem;
+    font-weight: 100;
+  }
+
+  .footer__col h3 {
+    font-size: 0.7rem;
+  }
+
+  .footer__area h4 {
+    font-size: 0.7rem;
+  }
+
+  .footer__bar {
+    font-size: 0.6rem;
+  }
+}