Merge pull request #480 from dharshini2022/patch-1

Added responsiveness to about section
Suchitra-Sahoo · May 24, 2024 · b607722 · b607722
2 parents 6c7fda6 + c951b6d
commit b607722
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/style.css b/style.css
@@ -466,7 +466,7 @@ span {
   align-items: center;
   flex-direction: column;
   gap: 20px;
-  width: 80%;
+  width: 90%;
 }
 
 .about-content .heading {
@@ -506,29 +506,29 @@ span {
   }
 
   .about-content .heading {
-    font-size: 2.5rem;
+    font-size: 3rem;
   }
 
   .about-content .heading span {
-    font-size: 2.5rem; 
+    font-size: 4rem; 
   }
 
   .about-content p {
-    font-size: 1.3rem;
+    font-size: 2.5rem;
   }
 }
 
 @media (max-width: 768px) {
   .about-content .heading {
-    font-size: 2rem;
+    font-size: 3rem;
   }
 
   .about-content .heading span {
-    font-size: 2rem; 
+    font-size: 4rem; 
   }
 
   .about-content p {
-    font-size: 0.8rem;
+    font-size: 2rem;
   }
 }
 
@@ -538,18 +538,20 @@ span {
   }
 
   .about-content .heading span {
-    font-size: 1.5rem; 
+    font-size: 2rem; 
   }
 
   .about-content p {
-    font-size: 0.5rem;
+    font-size: 1.5rem;
   }
 
   .overlay {
     padding: 10px;
   }
 }
 
+
+
 .services-container {
   display: flex;
   justify-content: space-between;