Adjusted css for header bar

AaruBama · Apr 4, 2024 · fc0d316 · fc0d316
1 parent f6d9507
commit fc0d316
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/Login/index.js b/src/components/Login/index.js
@@ -57,14 +57,19 @@ function HeaderBar({ isSearchVisible }) {
                     <Menu />
                 </div>
 
-                <div className="flex basis-1/3 justify-between items-center pl-20">
+                <div className="flex basis-1/3 justify-between items-center  md:hidden">
                     <Memestr />
+                </div>
+
+                <div className="hidden md:flex md:flex-1 md:justify-center md:items-center">
+                    <Memestr />
+                </div>
+
+                <div className="flex basis-1/3 justify-start items-center">
                     <button className="hidden md:block pr-1">
                         <DropdownComponent />
                     </button>
                 </div>
-
-                <div className="flex basis-1/3 justify-end items-center"></div>
             </header>
         </div>
     );