made faq responsive

MastanSayyad · Jun 30, 2024 · 71dad2b · 71dad2b
1 parent df8c031
commit 71dad2b
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1684,22 +1684,61 @@ h5,
   font-weight: 900;
 }
 
+@media (min-width: 300px) {
+  .accordion__question,
+  .accordion__answer {
+    font-size: 0.8rem;
+  }
+
+  .accordion__icon {
+    width: 1.6rem;
+    height: 1.6rem;
+  }
+}
+
 @media (min-width: 576px) {
   .sub-title {
     font-size: 2rem;
   }
+
+  .accordion__question,
+  .accordion__answer {
+    font-size: 1rem;
+  }
+  .accordion__icon {
+    width: 1.7rem;
+    height: 1.7rem;
+  }
 }
 
 @media (min-width: 768px) {
   .sub-title {
     font-size: 2.5rem;
   }
+  .accordion__question,
+  .accordion__answer {
+    font-size: 1.5rem;
+  }
+
+  .accordion__icon {
+    width: 1.8rem;
+    height: 1.8rem;
+  }
 }
 
 @media (min-width: 992px) {
   .sub-title {
     font-size: 3rem;
   }
+  .accordion__question,
+  .accordion__answer {
+    font-size: 2rem;
+  }
+
+  .accordion__icon {
+    width: 2rem;
+    height: 2rem;
+  }
 }
 
 @media (min-width: 1200px) {