From 66b4779c22310742e3a5966ffcea5f6117902461 Mon Sep 17 00:00:00 2001
From: nobleknightt <60701544+nobleknightt@users.noreply.github.com>
Date: Wed, 11 Sep 2024 15:46:55 +0530
Subject: [PATCH] feat: add mobile responsive ui

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 928eed1..c77775b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -84,7 +84,7 @@ export default function App() {
   }
 
   return (
-    <div className="h-screen w-screen grid grid-cols-2 gap-2 p-2 dark:bg-[rgb(30,30,30)]">
+    <div className="h-screen w-screen grid grid-cols-1 grid-rows-[80%_20%] md:grid-cols-2 md:grid-rows-1 gap-2 p-2 dark:bg-[rgb(30,30,30)]">
       <div className="flex flex-col w-full h-full">
         <div className="w-full min-h-8 flex gap-2 items-center justify-between">
           <div className="h-full w-fit flex items-center justify-center rounded-t border-2 border-b-0 bg-neutral-100 dark:bg-[rgb(30,30,30)] dark:text-white">