Merge pull request #916 from techmannih/responsible

fix: website not responsive for small devices #891
akshitagupta15june · Jun 27, 2023 · 50ec9fd · 50ec9fd
2 parents 24ed9d0 + 22510df
commit 50ec9fd
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" />