From 50efa844d58023cb9426f8037882fb44f06cd0c3 Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Mon, 1 Jul 2024 18:32:32 +0100
Subject: [PATCH] showcase layout

---
 src/component/showcase/index.css | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/component/showcase/index.css b/src/component/showcase/index.css
index d3d5a2f1..1215b332 100644
--- a/src/component/showcase/index.css
+++ b/src/component/showcase/index.css
@@ -1,5 +1,9 @@
+:root {
+  --showcase-padding: 4em;
+}
+
 .showcase {
-  padding: 4em;
+  padding: var(--showcase-padding);
   width: 100vw;
   min-height: 100vh;
   z-index: var(--z-index-showcase);
@@ -7,16 +11,21 @@
 
 .showcase {
   display: grid;
-  gap: 4em;
-  grid-template-columns: 1fr 3fr;
+  gap: var(--showcase-padding);
+  grid-template-columns: 2fr 5fr;
   grid-template-areas:
-    "side content"
+    "side content";
+  justify-items: center;
 }
 
 .showcase-side {
   grid-area: side;
+  position: sticky;
+  top: var(--showcase-padding);
+  height: fit-content;
 }
 
 .showcase-content {
   grid-area: content;
+  max-width: 50em;
 }
\ No newline at end of file