fixed footer content alignment

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:[email protected]">[email protected]</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>

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;
+  }
+}