About Updates

Programmer-RD-AI · Aug 5, 2024 · 89f8ac3 · 89f8ac3
1 parent 7ca3f80
commit 89f8ac3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 21 deletions.
diff --git a/src/assets/styles/pages/layouts/About.css b/src/assets/styles/pages/layouts/About.css
@@ -53,25 +53,24 @@
 }
 
 .title-text {
-  font-size: 4rem;
+  font-size: 9rem; /* Increased font size */
   font-family: 'SF Pro Display', sans-serif;
   font-weight: bold;
 
-
   @media (min-width: 640px) {
-    font-size: 4rem;
+    font-size: 9rem;
   }
 
   @media (min-width: 768px) {
-    font-size: 5rem;
+    font-size: 9rem;
   }
 
   @media (min-width: 1024px) {
-    font-size: 5rem;
+    font-size: 9rem;
   }
 
   @media (min-width: 1280px) {
-    font-size: 5rem;
+    font-size:9rem;
   }
 
   color: white;
@@ -103,37 +102,29 @@
 
 /* Responsive Adjustments */
 @media (max-width: 768px) {
-
   .title-text {
-    font-size: 3rem;
-    /* Increased font size for mobile */
+    font-size: 5rem; /* Increased font size for mobile */
   }
 
   .top-24 {
-    top: 8rem;
-    /* Adjusted to create more space below the title */
+    top: 8rem; /* Adjusted to create more space below the title */
   }
 
   .bottom-24 {
-    bottom: 8rem;
-    /* Adjusted to create more space above the bottom of the screen */
+    bottom: 8rem; /* Adjusted to create more space above the bottom of the screen */
   }
 
   .content-text {
-    font-size: 1.125rem;
-    /* Increased font size for better readability on mobile */
+    font-size: 1.125rem; /* Increased font size for better readability on mobile */
   }
 
   .mobile-text {
-    padding: 1.5rem;
-    /* Adjust padding for mobile */
+    padding: 1.5rem; /* Adjust padding for mobile */
     /* Semi-transparent background for better readability */
     /* Rounded corners */
-    backdrop-filter: blur(10px);
-    /* Apply blur effect */
+    backdrop-filter: blur(10px); /* Apply blur effect */
   }
 
-
   .text-left,
   .text-right {
     text-align: center;

diff --git a/src/pages/layouts/About.jsx b/src/pages/layouts/About.jsx
@@ -20,7 +20,7 @@ const About = () => {
           animate={{ opacity: 1, scale: 1 }}
           transition={{ duration: 1, delay: 0.5 }}
         >
-          What is MicroMaze?
+          <h1> What is MicroMaze?</h1>
         </motion.p>
       </motion.div>