fix: try to centralize Anchors in Header

NedcloarBR · Jul 17, 2024 · 80e8c07 · 80e8c07
1 parent 591e695
commit 80e8c07
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
@@ -4,20 +4,21 @@ export function Header() {
 	return (
     <section
 			id="header"
-			className="fixed w-screen h-[100px] space-x-4 flex bg-zinc-400 dark:bg-zinc-900 border-b-4 border-green-700"
+			className="fixed w-screen h-[100px] flex bg-zinc-400 dark:bg-zinc-900 border-b-4 border-green-700"
 		>
-			<nav className="px-4 gap-2 flex items-center w-full">
-        <div className="gap-4 flex flex-auto justify-center items-center">
+			<nav className="px-4 flex items-center justify-between w-full">
+        <div className="flex-1"></div>
+        <div className="flex justify-center items-center w-full gap-4 ml-28">
           <HeaderAnchor target="start"/>
           <HeaderAnchor target="about"/>
           <HeaderAnchor target="competencies"/>
           <HeaderAnchor target="projects"/>
           <HeaderAnchor target="contact"/>
         </div>
-				<div className="ml-auto flex gap-2 mr-8">
-					<ToggleTheme />
-					<ChangeLanguage />
-				</div>
+        <div className="flex gap-2 mr-8">
+				  <ToggleTheme />
+				  <ChangeLanguage />
+			  </div>
 			</nav>
 		</section>
 	);