From 9e31e2b744591a151aa05d514d9b37ff2b7edd7d Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Fri, 3 Apr 2026 05:31:46 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Unified=20homepage=20layout:=2042rem=20?=
 =?UTF-8?q?max-width=20on=205=20sections,=20removed=20b=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "frontend/src/App.css"

GSD-Task: S01/T01
---
 frontend/src/App.css | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 1fae60c..00a80ad 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1164,7 +1164,7 @@ a.app-footer__repo:hover {
   flex-wrap: wrap;
   justify-content: center;
   gap: 0.5rem;
-  max-width: 36rem;
+  max-width: 42rem;
   margin: 0 auto;
 }
 
@@ -1427,7 +1427,7 @@ a.app-footer__repo:hover {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 1rem;
-  max-width: 36rem;
+  max-width: 42rem;
   margin: 0 auto 2rem;
 }
 
@@ -1467,8 +1467,8 @@ a.app-footer__repo:hover {
   display: flex;
   justify-content: center;
   gap: 2.5rem;
-  max-width: 36rem;
-  margin: 0 auto 1.5rem;
+  max-width: 42rem;
+  margin: 0 auto 2rem;
   padding: 1rem 1.5rem;
   background: var(--color-bg-surface);
   border: 1px solid var(--color-border);
@@ -1503,15 +1503,13 @@ a.app-footer__repo:hover {
 
 .home-featured {
   max-width: 42rem;
-  margin: 0 auto 1.5rem;
+  margin: 0 auto 2rem;
   padding: 1.25rem 1.5rem;
   background: var(--color-bg-surface);
   border: 1px solid var(--color-border);
   border-radius: 0.5rem;
   text-align: left;
   position: relative;
-  border-image: linear-gradient(135deg, var(--color-accent), #a855f7) 1;
-  border-image-slice: 1;
   box-shadow:
     0 0 20px rgba(34, 211, 238, 0.15),
     0 0 40px rgba(34, 211, 238, 0.05);
@@ -2979,6 +2977,9 @@ a.app-footer__repo:hover {
 
   .home-cta {
     width: 100%;
+    max-width: 20rem;
+    margin-left: auto;
+    margin-right: auto;
     text-align: center;
   }
 
@@ -3277,14 +3278,14 @@ a.app-footer__repo:hover {
 
 .home-random {
   text-align: center;
-  margin: 1.5rem 0 0.5rem;
+  margin: 1.5rem 0 2rem;
 }
 
 /* ── Trending Searches ──────────────────────────────────────────────────── */
 
 .home-trending {
-  max-width: 36rem;
-  margin: 0 auto 1rem;
+  max-width: 42rem;
+  margin: 0 auto 2rem;
   padding: 1rem 1.5rem;
   background: var(--color-bg-surface);
   border: 1px solid var(--color-border);