From 91f21701c50a48953c34c4d0dc0e6295e73c54cf Mon Sep 17 00:00:00 2001
From: Barrett Ruth <barrett.ruth@ramp.com>
Date: Sat, 22 Nov 2025 00:15:46 -0500
Subject: [PATCH] marginally improve stylign

---
 .gitignore              |  2 ++
 public/styles/index.css | 51 ++++++++++++++++++++++++++++++-----------
 2 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/.gitignore b/.gitignore
index d56389e..e7d224e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,5 @@ pnpm-debug.log*
 
 .fdignore
 .gitignore
+
+.claude/
diff --git a/public/styles/index.css b/public/styles/index.css
index ecc8585..bccfa4f 100644
--- a/public/styles/index.css
+++ b/public/styles/index.css
@@ -1,27 +1,50 @@
-html,
-body {
-  display: flex;
-  flex-direction: column;
-  overscroll-behavior: none;
+html {
   height: 100vh;
   overflow: hidden;
-  overflow-x: hidden;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100%;
+  overflow: hidden;
+}
+
+.main {
+  height: 100%;
+  overflow: hidden;
 }
 
 .content {
-  display: flex;
-  justify-content: space-between;
   width: 100%;
-}
-
-.posts,
-.topics {
-  padding: 0 40px;
-  align-self: center;
+  height: 100%;
+  padding: 40px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  box-sizing: border-box;
+  display: grid;
+  place-items: center;
 }
 
 .topics {
   font-size: 3em;
+  min-height: 0;
+  max-height: 100%;
+  width: 100%;
+  column-count: 2;
+  column-gap: 80px;
+  column-fill: auto;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.topics li:first-child {
+  margin-top: 0;
+}
+
+.topics li:last-child {
+  margin-bottom: 0;
 }
 
 .posts {