From c61b829566c7d1765e73c49e08468f6210ee1bca Mon Sep 17 00:00:00 2001
From: Tomek Marciniak <tmarciniakm@gmail.com>
Date: Wed, 4 Sep 2024 08:31:50 +0200
Subject: [PATCH] feat(minajs): adjust rwd

---
 apps/docs/docs/pages/index.mdx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/docs/docs/pages/index.mdx b/apps/docs/docs/pages/index.mdx
index c7d716d..7b89423 100644
--- a/apps/docs/docs/pages/index.mdx
+++ b/apps/docs/docs/pages/index.mdx
@@ -6,13 +6,13 @@ import { HomePage } from 'vocs/components'
 
 <div className="flex flex-col mt-16 gap-16">
   <header className="flex flex-col gap-8">
-    <img src="/logo.svg" className="w-24 hidden dark:flex" />
-    <img src="/logo.svg" className="w-24 flex dark:hidden" />
-    <h1 className="font-bold text-6xl leading-[5rem]">The TypeScript interface for Mina Protocol.</h1>
-    <p className="text-xl">MinaJS is the missing piece for your smooth zkApp development on Mina.</p>
+    <img src="/logo.svg" className="w-16 lg:w-24 hidden dark:flex" />
+    <img src="/logo.svg" className="w-16 lg:w-24 flex dark:hidden" />
+    <h1 className="font-bold text-3xl lg:text-6xl leading-[3rem] lg:leading-[5rem]">The TypeScript interface for Mina Protocol.</h1>
+    <p className="text-lg lg:text-xl">MinaJS is the missing piece for your smooth zkApp development on Mina.</p>
     <div className="flex gap-2">
-      <a href="/getting-started" className="btn btn-lg btn-primary rounded-full">Get Started</a>
-      <a href="https://github.com/palladians/mina-js" target="_blank" rel="noopener noreferrer" className="btn btn-lg btn-outline rounded-full">GitHub</a>
+      <a href="/getting-started" className="btn lg:btn-lg btn-primary rounded-full">Get Started</a>
+      <a href="https://github.com/palladians/mina-js" target="_blank" rel="noopener noreferrer" className="btn lg:btn-lg btn-outline rounded-full">GitHub</a>
     </div>
   </header>
   <section>
@@ -24,7 +24,7 @@ import { HomePage } from 'vocs/components'
         <h2 className="text-2xl font-semibold">Sponsors</h2>
         <a target="_blank" href="https://github.com/sponsors/palladians" rel="noopener noreferrer" className="btn btn-outline rounded-full">Become a sponsor</a>
       </div>
-      <div className="grid grid-cols-4 gap8">
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
         <a href="https://palladians.xyz" target="_blank" rel="noopener noreferrer">
           <img src="/palladians.svg" />
         </a>