refactor: reset layout changes

brown-ccv · Jun 26, 2024 · c830ca0 · c830ca0
1 parent 700bdfd
commit c830ca0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -15,14 +15,20 @@ const { title, description, lede } = Astro.props
 <html lang="en">
   <head>
     <BaseHead title={title} description={description} />
-  </head>
+ </head>
 
-  <body class="three-column-wrapper">
+  <body class="grid grid-cols-1 px-16 xl:px-64">
     <Header />
     <main>
-      <h1 class="title">{title}</h1>
-      <hr class="pb-6" />
-      <slot />
+      <article class="max-w-[1000px]">
+        <div>
+          <div class="flex flex-col gap-3 pb-6">
+            <h1 class="title">{title}</h1>
+          </div>
+          <hr class="pb-6" />
+          <slot />
+        </div>
+      </article>
     </main>
     <Footer />
   </body>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -113,17 +113,6 @@
 }
 
 @layer components {
-    .three-column-wrapper {
-        display: grid;
-        grid-template-columns: 1fr min(1000px, 100%) 1fr;
-
-        padding-inline: 64px;
-    }
-
-    .three-column-wrapper > * {
-        grid-column: 2;
-    }
-
     .subtitle {
         @apply gap-1;
         @apply pt-6;