Merge pull request ayush-that#1907 from Pradyuman554/bug/alignment_quiz

Aligned items properly in footer of quiz page

Author: sampadatiwari30

quiz.html

@@ -678,48 +678,50 @@ <h4 class="title custom-margin">Resources</h4>
           </div>
         </div>
       </div>
-      <div style="position: relative; top: 16px; left: 40px;">
+
+      <div class="col-lg-3 col-md-5 col-sm-5">
         <div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
-          <div class="footer-title">
-            <h4 class="title custom-margin">Contact Us</h4>
-          </div>
-          <ul id="contact_icon" class="contact custom-margin-big" style="justify-content: space-around;">
-            <li>
-              <i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
-              <p style="width: 80%;">
-                <a href="mailto:ayush1337@hotmail.com" target="_blank"
-                  style="color: white; text-decoration: underline;">
-                  ayush1337@hotmail.com
-                </a>
-              </p>
-            </li>
-            <li>
-              <i class="fa fa-globe d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
-              <div style="width: 80%;">
-                <a href="https://fin-veda.vercel.app/index.html" target="_blank" style="color: #fff; position: relative; right: 25px;">
-                  fin-veda.vercel.app
-                </a>
-              </div>
-            </li>
-            <li>
-              <i class="fa fa-location-dot d-sm-flex align-items-center white" style="font-size: 12px; width: 10%;"></i>
-              <div style="width: 80%;">
-                <a href="https://www.google.com/maps/place/Delhi/@28.6436846,76.7635778,10z/data=!3m1!4b1!4m6!3m5!1s0x390cfd5b347eb62d:0x37205b715389640!8m2!3d28.7040592!4d77.1024902!16zL20vMDlmMDc?entry=ttu"
-                  style="color:#fff; position: relative; right: 50px;">
-                  Delhi, India
-                </a>
+            <div class="footer-title">
+                <h4 class="title custom-margin">Contact Us</h4>
+            </div>
+            <ul class="contact custom-margin-big" style="justify-content: space-around;">
+                <li class="d-sm-flex justify-content-center">
+                    <i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
+                    <p style="width: 80%;">
+                        <a href="mailto:ayush1337@hotmail.com" target="_blank"
+                           style="color: white; text-decoration: underline;">
+                            ayush1337@hotmail.com
+                        </a>
+                    </p>
+                </li>
+                <li class="d-sm-flex justify-content-center">
+                    <i class="fa fa-globe d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
+                    <div style="width: 80%;">
+                        <a href="https://fin-veda.vercel.app/index.html" target="_blank" style="color: #fff ;">
+                            fin-veda.vercel.app
+                        </a>
+                    </div>
+                </li>
+                <li class="d-sm-flex justify-content-center">
+                    <i class="fa fa-location-dot d-sm-flex align-items-center white" style="font-size: 12px; width: 10%;"></i>
+                    <div style="width: 80%;">
+                        <a href="https://www.google.com/maps/place/Delhi/@28.6436846,76.7635778,10z/data=!3m1!4b1!4m6!3m5!1s0x390cfd5b347eb62d:0x37205b715389640!8m2!3d28.7040592!4d77.1024902!16zL20vMDlmMDc?entry=ttu"
+                           style="color:#fff">
+                            Delhi, India
+                        </a>
+                    </div>
+                </li>
+                <div class="social-icons">
+                  <a href="#"><i class="fa-brands fa-instagram"></i></a>
+                  <a href="#"><i class="fa-brands fa-facebook"></i></a>
+                  <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+                  <a href="#"><i class="fa-brands fa-discord"></i></a>
+                  <a href="#"><i class="fa-brands fa-github"></i></a>
               </div>
-            </li>
-            <div class="social-icons">
-              <a href="#"><i class="fa-brands fa-instagram"></i></a>
-              <a href="#"><i class="fa-brands fa-facebook"></i></a>
-              <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
-              <a href="#"><i class="fa-brands fa-discord"></i></a>
-              <a href="#"><i class="fa-brands fa-github"></i></a>
-          </div>
-          </ul>
+            </ul>
         </div>
-      </div>
+    </div>
+
     </div>
   </div>
   <div class="footer-copyright mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s"
@@ -784,4 +786,4 @@ <h4 class="title custom-margin">Contact Us</h4>
 
 </body>
 
-</html>
+</html>