diff --git a/blog.html b/blog.html
index 41191b6..b597d92 100644
--- a/blog.html
+++ b/blog.html
@@ -1345,7 +1345,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
             <div class="col-3">
               <h2 class="footer-title secondary-title">Popular Tags</h2>
               <div class="tags">
-                <div class="d-flex-gap flex-wrap">
+                <div class="d-flex-gap flex-wrap all-tags">
                   <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
                   <a href="./blog.html" class="nav-link btn category-btn">Food</a>
                   <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
diff --git a/category.html b/category.html
index 82b8606..99899dd 100644
--- a/category.html
+++ b/category.html
@@ -704,7 +704,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                 <div class="col-3">
                     <h2 class="footer-title secondary-title">Popular Tags</h2>
                     <div class="tags">
-                      <div class="d-flex-gap flex-wrap">
+                      <div class="d-flex-gap flex-wrap all-tags">
                         <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
                         <a href="./blog.html" class="nav-link btn category-btn">Food</a>
                         <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
diff --git a/contact_us.css b/contact_us.css
index 1416bb0..5bbf861 100644
--- a/contact_us.css
+++ b/contact_us.css
@@ -434,11 +434,3 @@ body.dark .support a {
   color: #060606; /* Keep text color white on hover */
   border-color: #ec8791; /* Maintain the border color on hover */
 }
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .d-flex-gap {
-      flex-direction: column; /* Stack buttons on smaller screens */
-      align-items: center; /* Center buttons on small screens */
-  }
-}
diff --git a/contact_us.html b/contact_us.html
index 2a2b3cf..a5f4e07 100644
--- a/contact_us.html
+++ b/contact_us.html
@@ -709,7 +709,7 @@ <h2 class="footer-title secondary-title">Featured Post</h2>
           <div class="col-3">
               <h2 class="footer-title secondary-title">Popular Tags</h2>
               <div class="tags">
-                <div class="d-flex-gap flex-wrap">
+                <div class="d-flex-gap flex-wrap all-tags">
                   <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
                   <a href="./blog.html" class="nav-link btn category-btn">Food</a>
                   <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
diff --git a/give_feedback.html b/give_feedback.html
index c68d80a..d1b207c 100644
--- a/give_feedback.html
+++ b/give_feedback.html
@@ -829,7 +829,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
         <div class="col-3">
           <h2 class="footer-title secondary-title">Popular Tags</h2>
           <div class="tags">
-            <div class="d-flex-gap flex-wrap">
+            <div class="d-flex-gap flex-wrap all-tags">
               <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
               <a href="./blog.html" class="nav-link btn category-btn">Food</a>
               <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
diff --git a/index.html b/index.html
index 090a213..166602e 100644
--- a/index.html
+++ b/index.html
@@ -1785,10 +1785,10 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                         </div>
                     </div>
                 </div>
-                <div class="col-3">
+                <div class="col-3"> 
                     <h2 class="footer-title secondary-title">Popular Tags</h2>
                     <div class="tags">
-                        <div class="d-flex-gap flex-wrap">
+                        <div class="d-flex-gap flex-wrap all-tags">
                             <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
                             <a href="./blog.html" class="nav-link btn category-btn">Food</a>
                             <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
diff --git a/start_writing.html b/start_writing.html
index e2c310e..3d3d3b5 100644
--- a/start_writing.html
+++ b/start_writing.html
@@ -588,7 +588,7 @@ <h2 class="footer-title secondary-title">Featured Post</h2>
           <div class="col-3">
               <h2 class="footer-title secondary-title">Popular Tags</h2>
               <div class="tags">
-                <div class="d-flex-gap flex-wrap">
+                <div class="d-flex-gap flex-wrap all-tags">
                   <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
                   <a href="./blog.html" class="nav-link btn category-btn">Food</a>
                   <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
diff --git a/style.css b/style.css
index bd3b9c6..7f33c43 100644
--- a/style.css
+++ b/style.css
@@ -3753,59 +3753,12 @@ h1 + p, p + p {
   border-color: #ec8791; /* Maintain the border color on hover */
 }
 
-/* Responsive Design */
-@media (max-width: 768px) {
-  .d-flex-gap {
-      flex-direction: column; /* Stack buttons on smaller screens */
-      align-items: center; /* Center buttons on small screens */
-  }
-}
-
-@media (max-width: 769px) {
-  #word-of-the-day{
-
-    margin-left: 15px;
-  }
-  
-}
-@media (max-width: 821px){
-  #word-of-the-day{
-    
-    margin-left: 10px;
-  }
-}
-
-@media (max-width: 1025px){
-  #word-of-the-day{
-   
-    margin-left: 28px;
-  }
-}
-@media (max-width: 541px){
-  #word-of-the-day{
-    margin-left: 0px;
-    margin-right: 200px;
-  
-  }
-
-}
-
-
-
-
-
-
-
-
-
-
-
 .d-flex-gap {
   display: flex;
-  gap: 15px; /* Space between buttons */
   flex-wrap: wrap; /* Wrap items to the next line if necessary */
   justify-content: center; /* Center the buttons horizontally */
-}.d-flex-gap a {
+}
+.d-flex-gap a {
   transition: all 0.2s ease;
   font-weight: 600;
   color: var(--text-color);
@@ -3813,14 +3766,11 @@ h1 + p, p + p {
 
 .d-flex-gap a i {
   font-size: 24px;
-  
-}.d-flex-gap {
+}
+.d-flex-gap {
   margin: 10px 15px;
   display: flex;
   flex-wrap: wrap;
-  gap: 10px;
-  
-   /* justify-content: space-around; */
 }
 
 .footer-title {
@@ -3865,4 +3815,52 @@ h1 + p, p + p {
 #twitter:hover{
   color: white;
   background-color: #14171A;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .accordion__title, .faq h1 {
+    margin-bottom: 1rem;
+  }
+
+  .accordion__wrapper{
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .d-flex-gap {
+      align-items: center;
+  }
+
+  .all-tags a{
+    width: 300px;
+  }
+}
+
+@media (max-width: 769px) {
+  #word-of-the-day{
+
+    margin-left: 15px;
+  }
+  
+}
+@media (max-width: 821px){
+  #word-of-the-day{
+    margin-left: 10px;
+  }
+}
+
+@media (max-width: 1025px){
+  #word-of-the-day{
+    margin-left: 28px;
+  }
+}
+@media (max-width: 541px){
+  #word-of-the-day{
+    margin-left: 0px;
+    margin-right: 200px;
+  }
+
 }
\ No newline at end of file