make hero and footer full width within container

Author: ComputelessComputer

apps/web/src/pages/index.astro

@@ -147,15 +147,15 @@ const features = [
   }
 
   .hero-copy {
-    max-width: 760px;
+    max-width: 100%;
     justify-self: start;
   }
 
   .hero-title {
     margin-bottom: 1.45rem;
     line-height: 1.03;
     font-size: clamp(1.8rem, 4vw, 3.2rem);
-    max-width: 20ch;
+    max-width: 100%;
     color: #2c2418;
   }
 

apps/web/src/styles/global.css

@@ -128,6 +128,10 @@ nav .nav-links a:hover {
 
 footer {
   margin-top: auto;
+  max-width: var(--max-width);
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
   padding: var(--space-xl) clamp(1.25rem, 3.2vw, 2.9rem);
   border-top: 1px solid var(--color-border);
   background: #faf7f2;