Update about.css to make the info wider refering to screens

PriyaGhosal · Oct 18, 2024 · 3367058 · 3367058
1 parent 4006254
commit 3367058
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/about.css b/about.css
@@ -112,7 +112,7 @@
         }
 
         .content-container {
-            max-width: 800px;
+            max-width: 1200px; /* makes wider */
             width: 100%;
             padding: 3rem;
             background-color: rgba(255, 255, 255, 0.95);
@@ -288,6 +288,11 @@
                 flex-direction: column;
                 align-items: flex-start;
             }
+               .content-container {
+        max-width: 100%; /* Full width on smaller screens */
+        padding: 1.5rem;
+    }
+
 
             .nav-links {
                 flex-direction: column;
@@ -374,4 +379,4 @@
                     margin-top: 1.5rem;
                     padding-top: 1rem;
                     border-top: 1px solid rgba(255, 255, 255, 0.1);
-                }
+                }