fix bugs

zaheer-Khan3260 · Nov 9, 2023 · ebb54ef · ebb54ef
1 parent 8ae7b8d
commit ebb54ef
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git a/src/Components/Home/Home.jsx b/src/Components/Home/Home.jsx
@@ -310,7 +310,7 @@ Our mission is to turn your real estate goals into reality. We're not just in th
                  placeholder="Name"
                  className="input w-[10rem] mt-10 ml-5 h-10 pt-4 pl-2 border-2 border-black rounded-lg lg:w-5/6"
                  />
-                 <label htmlFor="Name" className="name-label">Name</label>
+                 <label htmlFor="Name" className="name-label top">Name</label>
                 <input
                 id="Email"
                  type="email"

diff --git a/src/Components/Navbar/Navbar.jsx b/src/Components/Navbar/Navbar.jsx
@@ -39,10 +39,10 @@ return (
 
     <nav className=" sticky top-12 border-b-2 lg:border-b-0 w-full h-8 m-auto flex justify-between text-white text-center bg-[#232f3e] lg:h-14">
 
-    <div className="h-8 w-60 text-left ml-2 mt-3 lg:mt-6  lg:ml-8 lg:w-full xl:text-center ">
+    <div className="h-8 w-60 text-left ml-2 mt-1 lg:mt-3  lg:ml-8 lg:w-full xl:text-center ">
   <h4 className=" text-blue-800 font-bold"> Pamarth <span className="text-green-800">Group</span></h4>
     </div>
-    <div className="w-full mt-6 mr-40 md:mr-24 hidden lg:block lg:mr-12 xl:mr-24">
+    <div className="w-full mt-3 mr-40 md:mr-24 hidden lg:block lg:mr-12 xl:mr-24">
         <ul className="flex justify-end">
             <li>
                 <NavLink
@@ -89,7 +89,7 @@ return (
 
         <div className="z-20 mr-1 w-100% lg:hidden text-end" onClick={toggleClass}>
 
-       <svg xmlns="http://www.w3.org/2000/svg" width="35px" height="42px" fill="none" stroke-width="1.5" viewBox="0 0 24 24" color="#ffffff">
+       <svg xmlns="http://www.w3.org/2000/svg" width="35px" height="30px" fill="none" stroke-width="1.5" viewBox="0 0 24 24" color="#ffffff">
        <path stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M3 5h8M3 12h13M3 19h18">
        </path>
        </svg>

diff --git a/src/index.css b/src/index.css
@@ -31,8 +31,7 @@ body{
 }
 
 .name-label{
-    position: absolute;
-
+    position: absolute; 
     top: 28px;
     left: 36px;
     font-size: 1rem;
@@ -57,6 +56,24 @@ body{
     top: 161px;
     cursor: text;
 }
+
+@media (max-width: 320px){
+    .input:placeholder-shown ~ .name-label {
+        top: 56px;
+    }
+    .email:placeholder-shown ~ .email-label{
+        top: 128px;
+        cursor: text;
+    }
+
+    .name-label{
+        left: 30px;
+    }
+
+    .email-label{
+        left: 30px;
+    }
+}
 .menu-container {
    animation: max-height 1s ease;
   }