From f78232f3c2422bd144bbde0ba7df6ab562f7a2b7 Mon Sep 17 00:00:00 2001
From: 3zachm <3zachn4@gmail.com>
Date: Thu, 22 Dec 2022 08:50:00 -0800
Subject: [PATCH] quick responsive mitigation

---
 pages/dashboard/ranking.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/dashboard/ranking.tsx b/pages/dashboard/ranking.tsx
index 52b041a..54ec832 100644
--- a/pages/dashboard/ranking.tsx
+++ b/pages/dashboard/ranking.tsx
@@ -28,14 +28,16 @@ function Ranking() {
           initial="initial"
           animate="animate"
         >
+          {/* hidden if smaller than lg */}
           <m.h1
             className="hidden bg-gradient-to-tr from-purple-500 to-purple-100 bg-clip-text py-10 text-center font-plusJakarta text-5xl font-bold text-white text-transparent lg:block lg:text-6xl"
             variants={headerVariants}
           >
             Top Investors
           </m.h1>
+          {/* TODO: responsive for extremely skinny displays (i.e. galaxy fold), or really for mobile entirely so info is not lost */}
           <m.div
-            className="inline-grid w-full rounded-t-2xl bg-zinc-800 bg-opacity-70 p-3 pt-4 text-xl backdrop-blur lg:text-2xl"
+            className="text-md inline-grid w-full rounded-t-2xl bg-zinc-800 bg-opacity-70 p-3 pt-4 backdrop-blur sm:text-xl"
             variants={rankingCardVariants}
             initial="initial"
             animate="animate"