improved styling of the header component

This commit is contained in:
2026-04-15 10:10:15 +02:00
parent 3bcb45372f
commit 59973de815
2 changed files with 20 additions and 20 deletions
+4 -4
View File
@@ -1,16 +1,16 @@
export default function Header() {
return (
<header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center">
<div className="font-serif text-2xl font-bold">M. Guilbert</div>
<header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center rounded-[10px]">
<div className="font-serif text-2xl font-light">M. Guilbert</div>
<nav>
<ul className="flex gap-8 font-sans uppercase text-sm tracking-widest">
<ul className="flex gap-8 font-sans text-base font-light">
<li>Accueil</li>
<li>Projets</li>
<li>À propos</li>
<li>Blog</li>
</ul>
</nav>
<div>🇫🇷</div>
<div className="font-sans text-base font-light">France</div>
</header>
);
}