fix: website not responsive for small devices #891

akshitagupta15june · Jun 25, 2023 · 22510df · 22510df
1 parent eb95188
commit 22510df
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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" />