improved styling of the header component
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user