From 4e1f1f8cb789ae7d89926b3200559e86b1071c79 Mon Sep 17 00:00:00 2001
From: MrPiglr <MrPiglr@gmail.com>
Date: Sun, 11 Jan 2026 01:15:50 +0000
Subject: [PATCH] fix: improve docs curriculum layout spacing and sizing

---
 client/components/docs/DocsLayout.tsx |  4 ++--
 client/pages/docs/DocsCurriculum.tsx  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/components/docs/DocsLayout.tsx b/client/components/docs/DocsLayout.tsx
index 9d3252fd..4ec7457b 100644
--- a/client/components/docs/DocsLayout.tsx
+++ b/client/components/docs/DocsLayout.tsx
@@ -276,13 +276,13 @@ function DocsLayoutContent({
           </Link>
         </div>
 
-        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8 px-6 md:px-8 py-8 max-w-7xl mx-auto">
+        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8 px-6 md:px-8 py-8 max-w-6xl mx-auto">
           {/* Content */}
           <div className="lg:col-span-3">
             {title && (
               <div className="mb-8">
                 <h1
-                  className={`text-5xl font-bold ${colors.headingColor} mb-3`}
+                  className={`text-4xl font-bold ${colors.headingColor} mb-3`}
                 >
                   {title}
                 </h1>
diff --git a/client/pages/docs/DocsCurriculum.tsx b/client/pages/docs/DocsCurriculum.tsx
index 0e28ed07..aea2d958 100644
--- a/client/pages/docs/DocsCurriculum.tsx
+++ b/client/pages/docs/DocsCurriculum.tsx
@@ -301,18 +301,18 @@ const supplementalResources = [
 
 export default function DocsCurriculum() {
   return (
-    <div className="space-y-8">
-      <section className="relative overflow-hidden rounded-3xl border border-slate-800/60 bg-slate-900/80 p-8">
+    <div className="space-y-8 max-w-5xl">
+      <section className="relative overflow-hidden rounded-2xl border border-slate-800/60 bg-slate-900/80 p-6 md:p-8">
         <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(124,58,237,0.2),transparent_60%)]" />
         <div className="relative z-10 flex flex-col gap-6">
           <div className="flex flex-col gap-3">
             <Badge className="w-fit bg-purple-600/80 text-white">
               AeThex Curriculum
             </Badge>
-            <h1 className="text-3xl font-semibold text-white sm:text-4xl">
+            <h1 className="text-2xl font-semibold text-white sm:text-3xl">
               Structured learning paths for builders, operators, and labs teams
             </h1>
-            <p className="max-w-3xl text-base text-slate-200 sm:text-lg">
+            <p className="max-w-2xl text-sm text-slate-200 sm:text-base">
               Progress through sequenced modules that combine documentation,
               interactive labs, and project-based assignments. Graduate with
               deployment-ready AeThex experiences and certification badges.
@@ -344,7 +344,7 @@ export default function DocsCurriculum() {
         </div>
       </section>
 
-      <section className="grid gap-6 lg:grid-cols-[minmax(0,2.2fr)_minmax(0,1fr)]">
+      <section className="grid gap-6 lg:grid-cols-1">
         <Card className="border-slate-800 bg-slate-900/70 shadow-xl backdrop-blur">
           <CardHeader className="space-y-4">
             <CardTitle className="flex items-center gap-3 text-2xl text-white">