From 1301e7398ca21993226d7c5d3b9b411bddad67c0 Mon Sep 17 00:00:00 2001
From: Pau Matas <pmatasalbiol@gmail.com>
Date: Wed, 10 Apr 2024 20:09:06 +0200
Subject: [PATCH] fix: CreatePost.tsx not mobile responsive buttons

I am not able to find more errors in mobile devices from my laptop
---
 src/components/CreatePost.tsx | 38 ++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/components/CreatePost.tsx b/src/components/CreatePost.tsx
index 84b6522..d844423 100644
--- a/src/components/CreatePost.tsx
+++ b/src/components/CreatePost.tsx
@@ -26,25 +26,27 @@ const CreatePost: FC<CreatePostProps> = ({ session }) => {
           />
         </div>
 
-        <Link
-          href={pathname + "/submit"}
-          className={buttonVariants({
-            variant: "outline",
-            className: "w-full",
-          })}
-        >
-          Penja Apunts
-        </Link>
+        <div className="grid grid-cols-1 gap-6 md:grid-cols-2 w-full">
+          <Link
+            href={pathname + "/submit"}
+            className={buttonVariants({
+              variant: "outline",
+              className: "w-full",
+            })}
+          >
+            Penja Apunts
+          </Link>
 
-        <Link
-          href={pathname + "/q"}
-          className={buttonVariants({
-            variant: "outline",
-            className: "w-full",
-          })}
-        >
-          Llança una pregunta
-        </Link>
+          <Link
+            href={pathname + "/q"}
+            className={buttonVariants({
+              variant: "outline",
+              className: "w-full",
+            })}
+          >
+            Llança una pregunta
+          </Link>
+        </div>
       </div>
     </div>
   )