Merge pull request #25 from Sourabh782/responsive

resolved mobile responsiveness
vansh-codes · Oct 9, 2024 · fc8b2a5 · fc8b2a5
2 parents 8a7a4f7 + 9199bb9
commit fc8b2a5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

diff --git a/components/Home.jsx b/components/Home.jsx
@@ -51,11 +51,11 @@ function Home() {
         </header>
 
         {/* Main Content */}
-        <main className="flex flex-col justify-center items-center flex-grow">
+        <main className="flex flex-col justify-center items-center flex-grow px-8 sm:px-4">
           <h1 className="text-4xl font-light text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600 tracking-widest mb-8">
             Let's, Begin...
           </h1>
-          <form className="flex items-center w-1/3 h-1/3" onSubmit={handleSubmit}>
+          <form className="flex items-center w-full sm:w-2/3 lg:w-1/3 h-1/3" onSubmit={handleSubmit}>
             <div className="flex items-center bg-white rounded-full shadow-md p-2 w-full">
               {/* GitHub Logo inside search bar */}
               <div className="px-3">