Fixed the about section to be responsive for all sizes

Priyaaa1 · Aug 10, 2024 · c5bb3aa · c5bb3aa
1 parent bc00778
commit c5bb3aa
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 0 deletions.
diff --git a/src/Components/About/About.css b/src/Components/About/About.css
@@ -116,3 +116,34 @@
     transform: translateY(0);
   }
 }
+
+
+@media (max-width:1024px) {
+  .about-section{
+    padding: 10px;
+  }
+
+  .about-section h3 {
+    font-size: 1.3rem;
+  }
+
+  .about-section p{
+    font-size: 0.8rem;
+  }  
+}
+
+@media (max-width:500px) {
+  .about-section{
+    flex: 1 1 90%;
+  }
+
+  .about-section h3{
+    font-size: 1.8rem;
+  }
+
+  .about-section p{
+    font-size: 1rem;
+  }
+
+}
+
diff --git a/src/index.css b/src/index.css
@@ -105,6 +105,14 @@ nav1:hover {
   color: #fff;
 } */
 
+@media (max-width:1024px) {
+  .container{
+    padding-left: 5%;
+    padding-right: 5%;
+  }
+
+}
+
 
 
 @media(max-width: 1200px) {