From 22510dfee97f407de3401601d1f87db6e6d7497a Mon Sep 17 00:00:00 2001
From: techmannih <manishchaudharyttt@gmail.com>
Date: Sun, 25 Jun 2023 19:46:58 +0530
Subject: [PATCH] fix: website not responsive for small devices #891

---
 AR_Meditate/meditation.html | 4 ++--
 Blogs/Blog.html             | 2 +-
 commonStyles.css            | 1 +
 index.html                  | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/AR_Meditate/meditation.html b/AR_Meditate/meditation.html
index 68de2582..68b80e44 100644
--- a/AR_Meditate/meditation.html
+++ b/AR_Meditate/meditation.html
@@ -41,12 +41,12 @@
         <li>
           <a href="../Blogs/Blog.html">Blog</a>
         </li>
-        <li class="dropdown">
+        <li class="dropdown ">
           <a href="#">Features
             <i class="fas fa-caret-down"></i>
           </a>
           <!-- Dropdown -->
-          <ul>
+          <ul class="right-0">
             <li><a href="../AR_Meditate/meditation.html">Augmented Reality Meditation</a></li>
             <li><a href="../Iskcon/event.html">Iskcon Events</a></li>
             <li>
diff --git a/Blogs/Blog.html b/Blogs/Blog.html
index 3559b62e..d1eec7ea 100644
--- a/Blogs/Blog.html
+++ b/Blogs/Blog.html
@@ -261,7 +261,7 @@
 
       <!-- Footer  -->
       <footer class="">
-        <div class="footer-divide">
+        <div class="footer-divide flex-col">
           <div class="flex justify-center items-center">
             <div class="w-32 h-32 my-2 rounded-full overflow-hidden">
               <img src="../Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover" />
diff --git a/commonStyles.css b/commonStyles.css
index ed96713a..748d92f0 100644
--- a/commonStyles.css
+++ b/commonStyles.css
@@ -59,6 +59,7 @@
 
 .footer-divide {
   display: flex;
+  flex-direction: column;
   justify-self: center;
   text-align: center;
   gap: 4rem;
diff --git a/index.html b/index.html
index e5ef697b..08c6a0e8 100644
--- a/index.html
+++ b/index.html
@@ -461,7 +461,7 @@ <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">
 
         <!-- Footer  -->
         <footer class="">
-          <div class="footer-divide">
+          <div class="footer-divide ">
             <div class="flex justify-center items-center">
               <div class="w-32 h-32 my-2 rounded-full overflow-hidden">
                 <img src="./Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover" />